視口使網站適合窗口，所有電話

Question

我很難找到適用於所有手機的正確視口。我想在這裏做的是，我的常規網站（不移動），以適應窗口縮放，而不必捏縮小。有關視口的任何想法？

我的當前是。

<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 

這將適用於iPhone。

<meta name="viewport" content="width=device-width" /> 

Answer 1

您的網站佈局如何？你的內容是否有特定的寬度（如apple.com）？如果是這樣，請在您的視口元標記中使用它。 如果您的網站是靈活的，例如amazon.com，請使用content="width=device-width, initial-scale=1.0"並提供正文width:100%;。如果您不想影響桌面版本，則可以使用媒體查詢來完成此操作。 （http://stephen.io/mediaqueries/）