ITPub博客

首页 > IT职业 > IT图书 > 响应式常用的布局尺寸

响应式常用的布局尺寸

IT图书 作者:lenghuo 时间:2021-09-09 09:03:50 0 删除 编辑

类型 布局宽度 列宽 间隙宽度
大屏幕 大于等于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) { ... }

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2989/viewspace-2807893/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-08-13

  • 博文量
    68
  • 访问量
    808