如何設置初始縮放比例，以便網站在所有設備的瀏覽器上很好地呈現

我非常難以弄清楚如何設置初始縮放比例，以便網站在所有不同的瀏覽器，操作系統和設備。我的網站有一個main.css文件，然後像mobile.css和tablet.css這樣的附加文件包含在內，具體取決於你有什麼設備。如何設置初始縮放比例，以便網站在所有設備的瀏覽器上很好地呈現

我有一個鍵值對的哈希表，其中鍵是瀏覽器+ OS +設備，並且該值是初始縮放值。我的控制器代碼將決定在將適當的初始縮放比例分配給視圖之前使用的瀏覽器+操作系統。這不是輸出初始比例的好方法。

我想一個解決方案，它是下列任何一種：

僅指定一個固定的初始規模，在與其他固定屬性組合，將使該網站很好
一個簡單的等式根據瀏覽器，操作系統和設備的其他屬性推導適當的初始縮放比例
一種在所有瀏覽器，操作系統和設備上一致呈現網站的方式，而無需使用i nitial規模

這裏是我有問題，例如：如果我設置的初始規模爲1，則很好地呈現在Galaxy Note的1 +股票+瀏覽器Android4.0.4，但它是銀河路太大注1 + Chrome + Android 4.0.4。換句話說，在相同的手機和相同的操作系統，但不同的瀏覽器，規模是搞砸了！事實上，它在所有iOS設備上看起來都很醜陋。它過大在使用OS6的iPhone4S上，對於使用OS 5.1的iPad 1稍微大一點。

必須有一種更簡單的方法來控制移動設備上的網站規模？

來源

2013-04-02 John

試試這個：

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

<link rel="stylesheet" href="/Styles/tablet.css" media="screen and (max-width:800px)" /> 

<link rel="stylesheet" href="/Styles/mobile.css" media="screen and (max-width:480px)" />

來源

2013-04-03 07:06:58

如何設置初始縮放比例，以便網站在所有設備的瀏覽器上很好地呈現

回答

相關問題