!
也想出现在这里? 联系我们
全球五大数据中心,CYUN提供海外优质服务器,CN2优化线路,为您的业务推进提供强大助力

响应式常用的布局尺寸

一些常用的尺寸,经供参考!

来源于:

http://www.imooc.com/article/18928

类型 布局宽度 列宽 间隙宽度

大屏幕 大于等于1200px 70px 30px

默认 大于等于980px 60px 20px

平板 大于等于768px 42px 20px

手机到平板 小于等于767px 流式列,无固定宽度

手机 小于等于480px 流式列,无固定宽度

/ 大屏幕 /

@media (min-width: 1200px) { ... }

/ 平板电脑和小屏电脑之间的分辨率 /

@media (min-width: 768px) and (max-width: 979px) { ... }

/ 横向放置的手机和竖向放置的平板之间的分辨率 /

@media (max-width: 767px) { ... }

/ 横向放置的手机及分辨率更小的设备 /

@media (max-width: 480px) { ... }

作者:Yan小ck包包正品专卖

链接:http://www.imooc.com/article/18928

来源:慕课网

人已赞赏
css

三种隐藏 HTML 元素的方式

2019-2-3 22:58:37

css

七个你可能不了解的CSS单位

2019-3-3 12:36:31

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 link@baimu.org 或点击右侧 私信:Muze 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索