在创建移动优化网页时,我试图找出在视口元标记中使用设备宽度与固定宽度的优缺点。
固定宽度:
<meta name="viewport" content="width=640" />
设备宽度
<meta name="viewport" content="width=device-width" />
在固定宽度上使用设备宽度有什么好处?因为对我来说,使用640px宽视口创建640px宽的网页的解决方案是最简单的创建一个总是填满整个屏幕宽度的页面,无论手机的实际宽度/高度规格如何。
如果我想支持横向/肖像,我可以在使用固定宽度时看到一些问题?或者它可能与您不能使用媒体查询进行定位有关,因为它总会保持固定的宽度?
答案 0 :(得分:1)
我使用此视口:
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
当我更改设备的方向时,我遇到了缩放问题,但无论方向(水平/垂直)如何,移动网站都能完美地适应手机屏幕。