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

<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">

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

阅读 6k
5 个回答

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

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

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

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题