网站视口和屏幕方向，设备

Question

我的网站宽度为980像素。 我需要适应ipad，iphone，android chrome screen。 对于ipad（1024x768）垂直屏幕我做了这样的：

<meta name="viewport" content="width=980, initial-scale=0.78, user-scalable=no">

但我需要为水平方向和手机做同样的事情。

Answer 1

我认为这是一种不好的做法。它会放大或缩小视口，无助于在不同视口上保持相同的布局。只有为不同的视口定义不同的mediqueries才有可能。你还应该像这样维护你的元标记

<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" />

否则，您将在Android或iOs小型设备中遇到一些可怕的错误。