是否有解决方法在CSS媒体查询中使用物理屏幕宽度？今天，有些手机超过了桌面显示器的分辨率 . 但是，手机应该仍然显示移动布局和桌面标准布局 .
所以我不能像下面的例子那样依赖基于像素的查询 . 相反，我需要一个物理测量，或者一个关于像素密度的测量 .
@media screen and (min-width: 700px) { }
由于我没有通过我的研究找到这样的测量，它们可能不存在 . 无论如何，这个问题通常是如何解决的？
好吧，对于初学者来说，CSS像素是an angular measurement并且在设备之间进行了相当规范化 . 不完全，但足以让大多数情况下都不成问题 .
就个人而言，我在 em 中测量媒体查询，这样他们就可以满足每行合理的单词数量're relative to my font size. I mean, people usually visit a web site to read the text found on the website, so as long as there' .
em
你真的不应该用物理（设备）宽度进行测量，因为人们可能有UI元素占用空间（或者根本就没有全屏运行他们的浏览器） .
今天似乎没有可靠的检查方法 .
我有相同的“需要”，当像素不像观看距离和屏幕尺寸一样重要时出现 .
例如：你可以拥有一台与大型电视机具有相同分辨率的iPad，但你可能希望在这两款设备上以不同的方式呈现内容，因为电视可能位于相当远的地方（超过iPad的相当于手臂的长度） .
电视机的@media查询可能有所帮助，但现在对它的支持可能非常稀少 . 我的Google Chrome v32支持它 . 在这里测试你的：http://cssmediaqueries.com/
像 @media screen and (min-width: 700px) 和 window.innerWidth 这样的媒体查询使用css像素 . 首先，当移动设备真的是320px时，css像素和真实像素是相同的 . 现在，800px和相同尺寸的新设备仍然报告320 css像素 .
@media screen and (min-width: 700px)
window.innerWidth
这对于设计向后兼容的网站非常有用 . 基本上 @media screen and (max-width: 480px) 可以翻译为：小，考虑到 eyes to screen distance, and screen size （以米为单位而不是像素） .
@media screen and (max-width: 480px)
因此，css像素比其他任何东西都更充分地作为参考测量 .
媒体查询可以或将可以使用真实像素，dpi，屏幕类型和方向 . 但是使用它们可能是一种反模式 .
另外不要忘记 viewport 元标记 .
viewport
3 回答
好吧，对于初学者来说，CSS像素是an angular measurement并且在设备之间进行了相当规范化 . 不完全，但足以让大多数情况下都不成问题 .
就个人而言，我在
em中测量媒体查询，这样他们就可以满足每行合理的单词数量're relative to my font size. I mean, people usually visit a web site to read the text found on the website, so as long as there' .你真的不应该用物理（设备）宽度进行测量，因为人们可能有UI元素占用空间（或者根本就没有全屏运行他们的浏览器） .
今天似乎没有可靠的检查方法 .
我有相同的“需要”，当像素不像观看距离和屏幕尺寸一样重要时出现 .
例如：你可以拥有一台与大型电视机具有相同分辨率的iPad，但你可能希望在这两款设备上以不同的方式呈现内容，因为电视可能位于相当远的地方（超过iPad的相当于手臂的长度） .
电视机的@media查询可能有所帮助，但现在对它的支持可能非常稀少 . 我的Google Chrome v32支持它 . 在这里测试你的：http://cssmediaqueries.com/
像
@media screen and (min-width: 700px)和window.innerWidth这样的媒体查询使用css像素 . 首先，当移动设备真的是320px时，css像素和真实像素是相同的 . 现在，800px和相同尺寸的新设备仍然报告320 css像素 .这对于设计向后兼容的网站非常有用 . 基本上
@media screen and (max-width: 480px)可以翻译为：小，考虑到 eyes to screen distance, and screen size （以米为单位而不是像素） .因此，css像素比其他任何东西都更充分地作为参考测量 .
媒体查询可以或将可以使用真实像素，dpi，屏幕类型和方向 . 但是使用它们可能是一种反模式 .
另外不要忘记
viewport元标记 .