首页
本站作品
DISCUZ!模板购买
订制流程
文章中心
业界新闻
我的博客
本站更新
WEB标准化
SEO,SEM
资源下载
Photoshop
WordPress
Joomla
Templates
Font's
一起品网
联系我们
论坛
搜索全部
标题
简介
内容
作者
所有栏目
[!--class--]
响应式常用的布局尺寸
2018-08-15 12:49 Read:
类型
布局宽度
列宽
间隙宽度
大屏幕
大于等于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) { ... }
用户名:
密码:
匿名发表
全部评论:
0
条
推荐内容
响应式设计时代,我们该如何设计网站?
50个令人叹为观止的JavaScript应用站点