发现断点不知道媒体查询使用哪个

我已经经历了，发现在我的网站上的EM和PX的断点，但我不知道使用哪种以下媒体查询：发现断点不知道媒体查询使用哪个

例如：在我的网站，我的导航休息anywhe低于43.75em。什么是适当或最好的用于我的网站的媒体查询。任何建议或意见，将不胜感激。我自学了自己HTML5 & CSS3似乎无法掌握媒体查询。

我目前使用的是最大宽度，但当浏览器调整大小小于43.75em时，媒体查询似乎不起作用。

路加福音

max-width会很合适，您可以查看https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries以获得更好的理解 –

谢谢。我现在就来看看这个。 – user3125082

这个链接仍然没有确切地说哪个媒体查询最好使用。 – user3125082

当你的媒体查询不依赖任何设备上，它仅依赖于宽度（43.75em），你可以做

@media (max-width: 43.75em) { ... }

但在EM指定宽度将使其依赖取决于用户设置的浏览器大小。所以，如果你设置你的基地规模将是完美的罚款（genrally人们保持1EM = 16px的），您还可以设置屏幕媒体查询，屏幕适用于桌面和移动两个

@media screen and (max-width: 43.75em) { ... }

2013-12-22 04:33:39

这不是一个有效的答案，因为我试图避免使用像素。 – user3125082

已更新答案以删除像素，但呈现相同的点 –

如何设置我的基本尺寸？我知道基本大小已经设置为1em =〜16px – user3125082

你想用最大宽度，这是因为您试图对可视区域进行响应，这意味着使用Max-Device-Width的浏览器视口将使其成为整个设备，这可能会因使用的浏览器和使用的UI而有所不同由浏览器。我喜欢使用Max而不是Min，只是因为在浏览浏览器的宽度增加时我的规则将如何反应时，更容易理解。

2013-12-22 04:38:29 joseeight

我正在使用最大宽度，但当我调整我的浏览器的大小时，媒体查询不起作用。 – user3125082

回答