15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 响应式布局的网页PSD设计稿宽度应为多少?

响应式布局的网页PSD设计稿宽度应为多少?

时间:2024-02-08 17:25:01 | 来源:网站运营

时间:2024-02-08 17:25:01 来源:网站运营

响应式布局的网页PSD设计稿宽度应为多少?:

响应式网页布局 媒体查询常用参数

参考文档
响应式尺寸划分 - 超小屏幕(手机,小于 768px):设置宽度为 100% - 小屏幕(平板,大于等于 768px):设置宽度为 750px - 中等屏幕(桌面显示器,大于等于 992px):宽度设置为 970px - 大屏幕(大桌面显示器,大于等于 1200px):宽度设置为 1170px

/*当页面大于 1200px 时,大屏幕,主要是 PC 端*/@media (min-width: 1200px) {}/*在 992 和 1199 像素之间的屏幕里,中等屏幕,分辨率低的 PC*/@media (min-width: 992px) and (max-width: 1199px) {}/*在 768 和 991 像素之间的屏幕里,小屏幕,主要是 PAD*/@media (min-width: 768px) and (max-width: 991px) {}/*在 480 和 767 像素之间的屏幕里,超小屏幕,主要是手机*/@media (min-width: 480px) and (max-width: 767px) {}/*在小于 480 像素的屏幕,微小屏幕,更低分辨率的手机*/@media (max-width: 479px) {}

关键词:宽度,设计,布局,响应

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭