自适应网站适应多少个设备工作?
发表日期:2020-03-19 06:41:14   文章编辑:admin    浏览次数:47
 

自适应网站适应以下四种设备工作:

  超小设备手机(<768px) 小型设备平板电脑(≥768px) 中型设备台式电脑(≥992px) 大型设备台式电脑(≥1200px)
网格行为 一直是水平的 以折叠开始,断点以上是水平的 以折叠开始,断点以上是水平的 以折叠开始,断点以上是水平的
最大容器宽度 None (auto) 750px 970px 1170px
Class 前缀 .col-xs- .col-sm- .col-md- .col-lg-
列数量和 12 12 12 12
最大列宽 Auto 60px 78px 95px
间隙宽度 30px
(一个列的每边分别 15px)
30px
(一个列的每边分别 15px)
30px
(一个列的每边分别 15px)
30px
(一个列的每边分别 15px)
可嵌套 Yes Yes Yes Yes
偏移量 Yes Yes Yes Yes
列排序 Yes Yes Yes Yes

 

以下是自适应网站的基本常用结构:

 class="container">
    class="row">
       class="col-*-*">
class="col-*-*">
class="row">...
class="container">....

上一篇:响应式网站自动最多分布多少列

下一篇:响应式网站按钮

标签: 自适应网站
如没特殊注明,文章均为博路网络原创,转载请注明来自https://www.boroad.net/news/wangzhansheji/2020/0319/247.html
相关文章推荐