大佬教程收集整理的这篇文章主要介绍了如何针对iPad定位CSS但使用媒体查询排除Safari 4桌面？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我用过
<style type="text/css" media="only screen and (min-device-width: 768px) and (max-device-width: 1024px)">
但刚刚发现桌面Safari 4读取它.我尝试过使用“481px”而不是“768px”的变体,另一个添加了一个方向：
<style type="text/css" media="only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)">
但没有运气. (稍后我们将嗅探iPad的用户代理字符串,但现在该解决方案将无效.)
谢谢！
更新：似乎桌面Safari现在使用屏幕的宽度和高度,并根据它自定义纵向或横向.宽度和高度看起来不会排除桌面浏览器(除非我遗漏了什么).
media="only screen and (device-width: 768px)"
感谢MislavMarohnić的答案！
这适用于iPad的任何方向,似乎排除桌面Safari.
当我测试时(min-device-width：768px)和(max-device-width：1024px)当我扩大或缩小窗口时,我可以看到Safari 4使用样式或忽略它们.在测试时(设备宽度：768px)我试图使桌面Safari浏览器的宽度恰好为786px,但我从来没有看到它的样式.
以上是大佬教程为你收集整理的如何针对iPad定位CSS但使用媒体查询排除Safari 4桌面？全部内容，希望文章能够帮你解决如何针对iPad定位CSS但使用媒体查询排除Safari 4桌面？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。