年会网页的设计稿是3200*1800px的,怎么用rem

Question

如题,因为可能投到大屏上去,大屏是3200*1800分辨率的,所以设计稿也是,如果我直接按照3200来写样式,那在pc上面就太大了,这个要怎么写啊?

Answer 1

根据视口的宽度动态设置html的font-size值即可 然后字体等也全部使用rem 把滚动条隐藏掉好点

比如把3200 * 1800时候设置为100像素。。。 然后监听页面的尺寸变化 重新计算 或者让页面刷新 注意debounce一下

Answer 2

按实际屏幕为准，写死3200就行了。

开Chrome Devtools。打开device toolbar，调到3200*1800比例就好了。

Answer 3

这只是设计稿，你要知道的是，你用在什么设备上，知道设备不影响画质的最低分辨率，然后缩放比例，量取相应的尺寸，写页面即可。

Answer 4

如果不考虑低版本浏览器的话，建议用vw、vh