CSS @Media for iphone和其他设备?

时间:2012-12-24 00:39:27

标签: iphone css responsive-design

我试图让我的响应式网站在iphone或ipad上“响应”...我的css文件链接在这里 - http://uximag.com/styles.css

所有响应式样式都位于样式表的底部。它在桌面上工作正常但是当我去iPhone时它不起作用?

请让我知道,我尝试了一些方法,似乎无法弄明白。

1 个答案:

答案 0 :(得分:0)

JimmyRare的评论很好。将您的最大宽度设置为较小(iPhone5为640px),当它缩小时,它应该适用于您的iDevices和浏览器。

另一种选择是在HTML文档中设置代码,这不是理想的,因为它将您的HTML写入与您的样式相结合,但它还有一个额外的好处,就是让您可以定位屏幕分辨率的宽度,而不是浏览器宽度:

<link rel="stylesheet" media="screen and (min-device-width: 640px)" href="640.css" />