iphone支持屏幕媒体类型然后如何让PC网站与iphone屏幕兼容?

时间:2010-01-14 16:25:44

标签: iphone css xhtml

iphone支持“屏幕”媒体类型然后如何让PC网站与iphone屏幕兼容?虽然两者使用相同的媒体类型?

我知道iphone不支持FLASH,但如果网站有固定宽度的图像,则使用jquery和960 px固定宽度。然后如何与小屏幕iphone兼容。

2 个答案:

答案 0 :(得分:0)

我认为你要问的是与viewport元标记有关。试试这个。

<meta name="viewport" content="width=220, user-scalable=yes" />

您也可以尝试调整宽度,以便最适合您的网站。但至少这是一个很好的起点。

答案 1 :(得分:0)

您可能想要为iPhone浏览器创建一个单独的样式表,并以这种方式链接到该样式表:

<link media="only screen and (max-device-width: 480px)" href="iphone.css" type= "text/css" rel="stylesheet">

我自己使用过这种技术,建议在Apple的Safari Web Content Guide中使用。较旧的浏览器会忽略only关键字,并且无法读取您的样式表。

在特定于iPhone的样式表中,尝试包含一些规则来缩放文本和图像,并显示/隐藏内容,直到网站在较小的屏幕上显示良好。