適用於iOS設備的視口元標記

Question

說明

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

與陳述具有相同的效果

<meta name="viewport" content="width=768" />

對於iPad？

Answer 1

這取決於設備的方向：設置特定的像素值將使您的布局按比例放大1.333，以便在橫向模式下適合1024px設備寬度。

另一方面，設置width=device-width不會縮放任何內容，但會更改視口寬度，然后您可以使用媒體查詢制作優化的布局。 或者至少是理論：即使在橫向模式下，iPad也會以某種方式將width=device-width解釋為768px。 為了獲得真實的設備寬度，您必須添加initial-scale = 1。

因此，我不同意詹姆斯的建議。 只是去：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

並使用液體/響應布局技術處理尺寸差異。