html – iPad css方向

概述我想通过使用css for ipad来测试方向.这是我使用的css文件 @media only screen and (device-width:768px) and(orientation:portrait) { body { background: green; }}@media only screen and (device-width:768px) and(orientatio 我想通过使用CSS for ipad来测试方向.这是我使用的CSS文件

@media only screen and (device-wIDth:768px) and(orIEntation:portrait) {  body { background: green; }}@media only screen and (device-wIDth:768px) and(orIEntation:landscape) {  body { background: red; }}

我不确定这是否有效.我尝试通过将设备宽度更改为320px来在iphone仿真器中进行测试.但它无法正常工作.我需要更改此CSS文件中的任何内容吗？
这就是我在主页面中调用CSS的方式

<link rel="stylesheet" type="text/CSS" href="iPad.CSS" />"

解决方法 这是我用于调用带有横向和纵向样式表的样式表的方法：

<link rel="stylesheet" media="all and (min-device-wIDth: 481px) and (max-device-wIDth: 1024px) and (orIEntation:landscape)" href="CSS/landscape.CSS"><link rel="stylesheet" media="all and (min-device-wIDth: 481px) and (max-device-wIDth: 1024px) and (orIEntation:portrait)" href="CSS/portrait.CSS">

我也找到了这个链接,非常有帮助：

http://perishablepress.com/press/2010/10/20/target-iphone-and-ipad-with-css3-media-queries/

总结

以上是内存溢出为你收集整理的html – iPad css方向全部内容，希望文章能够帮你解决html – iPad css方向所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。