1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > pc端网页的设计尺寸

pc端网页的设计尺寸

时间:2021-04-24 04:28:06

相关推荐

pc端网页的设计尺寸

pc端页面设计图到底选择多大比较合适?

文字大小设置成什么样比较合适?

搞前端的都会遇到这些问题。

直接说说我在项目中的实现。

如果做全屏页面,我的设计图尺寸是1920*960px(960是chrome浏览器可视区域的尺寸),然后页面中所有关于尺寸相关的样式,全部用jq进行控制。

原理如下:

1.获取当前浏览器的可视区域宽度w,计算比例系数I=w/1920;

2.在分辨率1920*1080的显示器下将页面绘制完毕,然后将所有关于尺寸的数据乘以系数I。

效果:这样的页面就如同看一张图片一样,不论显示器多宽,模块间始终保持不变。

参考网站:/(可以将浏览器缩小后刷新页面查看)

如果不做全屏,或者严格讲主要区域不做全屏设置,可以固定中宽,比如bootstrap的container的固定宽度1170px(大于1200px一致设置为1170px)。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。