ipad肖像定位css,只有风景才有效

概述如果你去iPad, http://eastcoworldwide.com/Proofs/mint/index.html,点击进入第1章>第1章>开始…您将在加载屏幕后看到第1章页面. 基本上这是什么,将html嵌入到由html 5和javascript拉到一起的iframe中.这个iframe中的html调用自己的名为other.css的css表.把这一切拉到一起的html文件就是调用一个名为st 如果你去iPad,http://eastcoworldwide.com/Proofs/mint/index.html,点击进入第1章>第1章>开始…您将在加载屏幕后看到第1章页面.

基本上这是什么,将HTML嵌入到由HTML 5和JavaScript拉到一起的iframe中.这个iframe中的HTML调用自己的名为other.CSS的CSS表.把这一切拉到一起的HTML文件就是调用一个名为styles.CSS的样式表.

显然,我希望在纵向视图中,此iframe的内容区域小于横向.我在other.CSS中使用CSS：

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

问题是,它甚至没有看到肖像CSS.我已经尝试了十几种不同的方式(这应该是正确的方式,适用于整个页面的styles.CSS调整),但它不会识别它.它只会使用景观.它不像它不会看到媒体查询,它拉动景观CSS.但不会使用肖像.真的很奇怪.如果你看到绿色的bg在纵向和横向,它忽略了肖像.如果你看到蓝色它的工作,请帮忙！

顺便说一句,如果我摆脱了景观CSS,它更喜欢画面的默认设置.没有意义. iframe是否会阻碍其在定位改变时拉入新的CSS？

解决方法 您应该定位最小或最大设备宽度,否则您将错过设备.

/* iPads (landscape) ----------- */@media only screen and (min-device-wIDth : 768px) and (max-device-wIDth : 1024px) and (orIEntation : landscape) {/* Styles */}/* iPads (portrait) ----------- */@media only screen and (min-device-wIDth : 768px) and (max-device-wIDth : 1024px) and (orIEntation : portrait) {/* Styles */}

从http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

这里有一个解释为什么你甚至可能不应该是特定的http://catharsis.tumblr.com/post/501657271/ipad-orientation-css-revised

总结

以上是内存溢出为你收集整理的ipad肖像定位css,只有风景才有效全部内容，希望文章能够帮你解决ipad肖像定位css,只有风景才有效所遇到的程序开发问题。

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