针对iPad的Safari媒体查询
本文介绍了针对iPad的Safari媒体查询的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
@纯媒体屏幕和(最小宽度：768px)和(最大宽度：1199px){}
我只想为给定设备大小的Safari浏览器设置Media Query。
@媒体屏幕和(-webkit-min-Device-Pixel-Ratio：0)和(最小宽度：768px)和(最大宽度：1199px){
*i-block-Chrome，.allsearch-in选择{显示：无；}
)
仍然无法工作…
推荐答案
针对iPad和iPhone的css媒体查询
纵向和横向iPad
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) { /* STYLES GO HERE */}
iPad横空出世
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) { /* STYLES GO HERE */}
纵向iPad
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) { /* STYLES GO HERE */ }
特定于浏览器的黑客攻击
/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#diez { color: red }
}
/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
#veintiseis { color: red }
}
谢谢
这篇关于针对iPad的Safari媒体查询的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，