3

我很难弄清楚如何设置初始比例，以使网站在所有不同的浏览器、操作系统和设备上看起来都很好。我的网站有一个 main.css 文件，然后根据您拥有的设备包含其他文件，例如 mobile.css 和 tablet.css。

我有一个键值对哈希表，其中键是浏览器+操作系统+设备，值是初始比例值。在为视图分配适当的初始比例之前，我的控制器代码将确定您使用的浏览器+操作系统。这不是输出初始比例的好方法。

我想要以下任何一种解决方案：

  • 只指定一个常量初始比例，结合其他常量属性，将很好地呈现网站

  • 基于浏览器、操作系统和设备的其他属性推导出适当初始比例的简单方程

  • 一种在所有浏览器、操作系统和设备上一致地呈现网站而不使用初始规模的方法

以下是我遇到的示例问题：如果我将初始比例设置为 1，它在 Galaxy Note 1+Stock 浏览器+Android4.0.4 上渲染得很好，但在 Galaxy Note 1+Chrome+Android 4.0.4 上它太大了. 换句话说，在同一部手机和同一操作系统上，但在不同的浏览器上，规模是乱七八糟的！事实上，它在所有 iOS 设备上看起来也很丑陋。在 OS6 的 iphone4S 上太大了，在 OS 5.1 的 iPad 1 上稍微太大了。

一定有更简单的方法来控制移动设备上的网站规模吗？

4

1 回答 1

2

尝试这个：

<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-03T07:06:58.400 回答