css - 仅针对 nexus 10 的媒体查询?

标签 css media-queries tablet nexus-10

我在使用媒体查询专门针对 nexus 10 时遇到了问题。如果我可以只做 -webkit-min-device-pixel-ratio: 2.0,那会很简单,但我还需要它在 Chromebook Pixel 上看起来不错,而且 dpi 大约是 220!设置(最小分辨率:240dpi)不起作用:(

有什么方法可以仅使用媒体查询来定位 Nexus 10 平板电脑吗?

谢谢!

最佳答案

不,您不能针对特定设备,您只能创建您希望覆盖它们的媒体查询。如果您考虑已经有多少种不同的 hiDPI 设备可用(以及将会有多少种),那么尝试针对单个设备是不切实际的,除非您正在开发特定于它们的东西,例如演示文稿。

话虽如此,如果您担心 Chromebook Pixel 的 DPI 高于 pixel-ratio: 2.0,并且您真的希望它看起来完美,您可以使用 min-resolution 但示例您给出的目标 dpi 高于您的设备。

关于css - 仅针对 nexus 10 的媒体查询?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16954506/

相关文章:

html - word-wrap: break-word 不适用于带有输入和标签的跨度

html - 打印媒体查询在 Chrome 中被忽略?

jquery - 使用 jquery 根据页面高度显示 ul

html - 水平显示无序列表

css - 媒体查询最小宽度不考虑低于一定宽度的设备

java - 为什么Android平台不运行桌面应用程序?

windows - 从代码控制屏幕键盘位置上的 Windows 7

android - 手机和平板电脑上的 GUI 不同,但应用程序相同

php - 网站导航栏 : Displaying webpages while retaining the highlighted menu

css - 三星 Galaxy Tab 4 - 7 英寸媒体查询