美化项目
twittel 的开源项目,
在 static 目录下,创建两个文件夹 ,css, js
把下载好的文件解包,放入:
bootstrap.css
bootstrap.js
jquery.js 连接:https://cdn.bootcss.com/jquery/3.3.1/core.js
poppe.js 连接:https://cdn.bootcss.com/popper.js/1.14.7/umd/popper-utils.js
<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
Width=device-width => 表示页面宽度是设备屏幕的宽度;确保网页能被不同屏幕分辨率的设备正确呈现;
-
user-scalable=no => 是否可以调整缩放比例(yes/no);
-
initial-scale=1.0 => 表示初始的缩放比例 ,以 1:1 的比例呈现,不会有任何的缩放;minimum-scale=0.5:最小允许的缩放比例;
-
maximum-scale=2.0:最大允许的缩放比例;
如果maximum-scale=1.0 与 user-scalable=no 一起使用。这样禁用缩放功能后,用户只能滚动屏幕,就能让您的网站看上去更像原生应用的感觉。 这样设置后,图片或元素也设置style=”width:100%”,那么图片看起来也是全屏的了。
<div class="container">
<div class="row">
<div class="col-md-8"></div>
<div class="col-md-4"></div>
</div>
<div class="row">
<div class="col-md-8 col-sm-6 col-lg-4"></div>
</div>
</div>
处理静态文件
-
模板配置 extra block
-
CDN 加速
相关资源
原文链接:https://www.cnblogs.com/gdwz922/p/10474541.html
原创文章,作者:优速盾-小U,如若转载,请注明出处:https://www.cdnb.net/bbs/archives/6136