0°

响应式常用的布局尺寸

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

来源于:

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

来源:慕课网

0 条回复 A 作者 M 管理员
    所有的伟大,都源于一个勇敢的开始!
欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论