相关疑难解决方法(0)

我正在尝试使用媒体规则将CSS定位到iPad.我想排除iPhone/iPod和桌面浏览器.如果可能,我还想排除其他移动设备.

我用过

<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现在使用屏幕的宽度和高度,并根据它自定义纵向或横向.宽度和高度看起来不会排除桌面浏览器(除非我遗漏了一些东西).

http://mislav.uniqpath.com/2010/04/targeted-css/

所以我正在建立一个网站，并希望它具有响应性和移动兼容。我一直在使用 Chrome DevTools 通过不同型号的设备查看该站点，它似乎没问题。无论如何，在我的手机上使用localtunnel对其进行了测试，背景图像与 DevTools 上的视图位于不同的位置。

DevTools 总是 100% 准确吗？或者这与 localtunnel 有某种关系，还是完全不同的东西？

尝试在网上查找，找不到有关 DevTools 不准确的任何信息。

提前致谢，杰克