我试图让我的自适应网站上时,iPhone或iPad例如...我的CSS文件在这里挂“回应” - http://uximag.com/styles.cssCSS @Media for iphone和其他设备?
所有响应的风格是在样式表的底部。它在桌面上工作正常,但当我去iPhone时它不起作用?
请让我知道,我已经尝试了一些方法,似乎无法弄清楚。
我试图让我的自适应网站上时,iPhone或iPad例如...我的CSS文件在这里挂“回应” - http://uximag.com/styles.cssCSS @Media for iphone和其他设备?
所有响应的风格是在样式表的底部。它在桌面上工作正常,但当我去iPhone时它不起作用?
请让我知道,我已经尝试了一些方法,似乎无法弄清楚。
JimmyRare的评论是一个不错的评论。将你的最大宽度设置得更小(对于iPhone5,最大宽度为640px),当它缩小时它应该适用于你的iDevices和你的浏览器。
另一种方法是在HTML文档中设置代码,这不太理想,因为它将HTML编写与样式结合在一起,但它还有一个额外的好处,即可让您定位屏幕分辨率的宽度,而不是浏览器宽度:
<link rel="stylesheet" media="screen and (min-device-width: 640px)" href="640.css" />
要指定iPhone你应该有320px的 – JimmyRare