前端 - 移动端网页把meta的viewport的宽度设置成设计稿的宽度会有问题吗？

Question

{代码...} 假如设计稿为640，直接将width=640，然后像pc网页制作似的用px当做单位。我第一见这样的做法，这样做会有什么问题吗？我平时都是 width=device-width，用rem进行布局，所以很好奇。

大家讲道理 · Answer

建议使用rem根据html中设置的font-size来布局，楼上发的那个宽度要是客户不是那么宽或者比它窄的话，就会出不满屏或者划动才能看到当前一屏的界面

迷茫 · Answer

建议用rem布局，在根元素设置font-size，然后根据设计图的比例基于该font-size做换算。

大家讲道理 · Answer

尺寸写死没什么好处，大屏幕下显示效果不佳

PHP中文网 · Answer

我都是这样写的，好处是比较好写那种奇葩的页面，坏处嘛，目前是发现页面里面的文字在不一样的手机里，显示的大小不一样

而且定义屏幕宽度最好配合js，兼容性才会好

高洛峰 · Answer

当然有问题。设计稿的宽度一般都是放大2倍，如果要求不高就缩小一般就行写，兼容的机器多的话建议用rem，对不同的机器动态设置dpr和font-size，然后进行还原设计稿，具体参照淘宝flexbox或网易的解决方案

PHP8, ich komme auch