0

我正在开发一个也有移动 webapp 的 web 应用程序。我目前使用：

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

这适用于 iPhone 和 iPad。

我的问题是我使用的是固定大小的字体（例如 18px），但在 iPad 上我希望它看起来与 iPhone 上的完全一样，只是分别更大。

有没有办法让我以适合 iPhone 的方式定义视口，并且在 iPad 上以更大的比例看起来相同？（比如放大）？

ps 我也不想阻止它在 android 上工作，它目前正在做 :)

可以在此处查看移动 web 应用程序：HocSpot Mobile和此处的 web 应用程序：HocSpot

4

2 回答 2

2

为什么不直接使用 CSS 媒体查询？这将在 UIWebView 中工作。

@media screen and (max-width:1024px) {
    // iPad rules
}

@media screen and (max-width:480px) {
    // iPhone rules
}

然后，您可以使用 CSS 设置字体大小的样式。

于 2012-04-26T14:15:35.020 回答
1

试试看

http://lessframework.com/

于 2012-05-01T19:16:03.667 回答