iphone支持屏幕媒体类型那么如何让PC网站与iphone屏幕兼容？

Question

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

我知道iPhone不支持FLASH，但如果网站有固定宽度的图片，使用jquery和960 px固定宽度。那么如何使iphone与小屏幕兼容。

Answer 1

我想你在问什么与视口元标记。尝试这个。

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

您也可以尝试调整宽度以最好地使用您的网站。但至少这是一个很好的起点。

Answer 2

您可能要创建一个单独的样式表用于iPhone的浏览器，并链接到样式表是这样的：

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

我用这个技术我自己，它采用的是苹果Safari Web Content Guide建议。旧版浏览器将忽略关键字only，并且不会读取样式表。

在该iPhone特有的样式表中，尝试包括一些规则来缩放文本和图像，并显示/隐藏内容，直到网站在较小的屏幕上很好地显示。