创建移动优化网页时，我试图弄清楚在视口元标记中使用设备宽度与固定宽度的利弊。
固定宽度：
<meta name="viewport" content="width=640" />
设备宽度
<meta name="viewport" content="width=device-width" />
在固定宽度上使用设备宽度有什么好处？因为对我来说，用640像素宽的视口创建一个640像素宽网页的解决方案是创建一个始终填充整个屏幕宽度的页面的最简单的方法，无论手机的实际宽度/高度规格如何。
如果我想同时支持横向/门户，我可能会在使用固定宽度时看到一些问题？或者这可能与你不能使用媒体查询进行定向有关，因为它总是有固定的宽度？
我使用这个视口：
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
当我改变设备的方向时，我在缩放方面遇到了问题，但无论方向如何（水平/垂直），移动网站都能完美地适应手机屏幕。