相关疑难解决方法(0)

我们如何准确地隔离媒体查询以避免重叠？

例如,如果我们考虑代码:

@media (max-width: 20em) {
    /* for narrow viewport */
}

@media (min-width: 20em) and (max-width: 45em) {
    /* slightly wider viewport */
}

@media (min-width: 45em) {
    /* everything else */
}

在所有支持的浏览器中,准确的20em和45em会发生什么？

我见过人们使用:像799px然后800px的东西,但屏幕宽度为799.5像素呢？(显然不是常规显示器,而是视网膜显示器？)

考虑到规格,我对这里的答案最感兴趣.

任何人都可以告诉我是否有任何理由在我的样式表中使用a {}而不是(或相邻)a:link, a:visited {}？我在浏览器,网站等方面测试结果不一致,所以我从来没有得到满意的答案.我也无法在Google上找到答案.

这当然是假设没有理由使用<a>没有href值的标签.也许这是一个错误的假设.

**编辑**

我知道这些选择器做了什么.我正在寻找为什么我会使用a而不是a:link或a:visited因为a总是有一个href属性的原因.但正如Chris Blake和Ryan P在答案中所说,还有<a name="top">javascript用法,这两者都不需要这个href属性.