html - 网站视口和屏幕方向、设备

Question

我有一个宽度为 980 像素的网站。我需要让它适应 ipad、iphone、android chrome 屏幕。对于 ipad (1024x768) 垂直屏幕，我做了一个这样的：

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

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

Answer 1

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

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

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