带有CSS标签max-device-width的html中的if子句，可能吗？

Question

我有一个Universal iOS Project ，在这个项目中，我必须在UIWebView中显示一些本地存储的html页面。

要调整html内容的大小，我必须在html中使用标签：

<meta name ="viewport" content = "width = 703, user-scalable=no "> \\for the iPad

和

<meta name ="viewport" content = "width = device-width, user-scalable=no "> \\for the iPhone

有没有一种方法可以在html的标头中添加以下内容：

if( max-device-width == 480) {
     <meta name ="viewport" content = "width = device-width, user-scalable=no ">
}
else {
   <meta name ="viewport" content = "width = 703, user-scalable=no ">
}

有没有办法用HTML或JS做到这一点？ 我只有关于html和js的基本概念，因此对实现此目标的任何帮助将不胜感激。

谢谢！

Answer 1

您应该能够查询窗口的大小（尽管要小心， 请参阅this ），并将width值替换为从JavaScript结果中获取的值。 请阅读上述的quirksmode帖子。 [如果您真的担心结果，可以考虑使用jQuery之类的javascript库，该库应为您处理所有浏览器情况。]“ user-scalable = no”可以附加到您设置的值后面内容。