2012-12-24 24 views
0

我试图让我的自适应网站上时,iPhone或iPad例如...我的CSS文件在这里挂“回应” - http://uximag.com/styles.cssCSS @Media for iphone和其他设备?

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

请让我知道,我已经尝试了一些方法,似乎无法弄清楚。

+0

要指定iPhone你应该有320px的 – JimmyRare

回答

0

JimmyRare的评论是一个不错的评论。将你的最大宽度设置得更小(对于iPhone5,最大宽度为640px),当它缩小时它应该适用于你的iDevices和你的浏览器。

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

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

一个最大宽度似乎现在的工作,除非我现在添加了宽高比仍然没有翻译?一切都很小.... – Matt

+0

你能详细说一下吗?你的意思是设置高度和宽度导致奇怪的行为? – jmeas

相关问题