iphone支持“屏幕”媒体类型然后如何让PC网站与iphone屏幕兼容?虽然两者使用相同的媒体类型?
我知道iphone不支持FLASH,但如果网站有固定宽度的图像,则使用jquery和960 px固定宽度。然后如何与小屏幕iphone兼容。
答案 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的样式表中,尝试包含一些规则来缩放文本和图像,并显示/隐藏内容,直到网站在较小的屏幕上显示良好。