媒体查询文章
-
将 prefers-contrast 添加到 Firefox
当我们谈论页面的对比度或网页元素之间的对比度时，我们正在评估颜色选择如何影响可读性。对于视力障碍的访问者来说，对比度低或不足的网页可能难以使用。在本文中，我们将逐步介绍 Firefox 中 `prefers-contrast` 媒体查询的设计和实现，并探讨其重要性和令人兴奋之处。
-
捕捉 – 提升自适应网络的性能
响应式设计如今被广泛认为是构建新网站的主流方法。这也不无道理：响应式设计工作流程是为不同设备屏幕尺寸和分辨率构建定制视觉体验的最有效方式。然而，响应式设计只是冰山一角，在创建 […]
-
一个黑客的诞生 - 媒体查询马里奥
和任何开发者一样，我喜欢任何能进入我浏览器的闪亮的新技术演示；人们正在制作的一些东西绝对让我惊叹于其创造力和技术水平。在 10 月中旬参加 WebDevConf 2012 后，我感受到了通常的灵感增强， […]
-
在 JavaScript 中使用 window.matchMedia 执行媒体查询
对于构建网站的人来说，响应式网页设计已经成为确保内容可供尽可能多的用户使用的一种自然方法。这通常通过 CSS 媒体查询来实现。但是，也存在 JavaScript 替代方案。介绍 window.matchMedia 在 JavaScript 中处理媒体查询的方法是通过 […]
-
使用 CSS 和 :target 选择器的简单图片库
在网页开发的早期，当 CSS2 得到支持时，我总是对“仅使用 CSS”的演示感到畏缩，因为其中许多至少可以说是不规范的。随着 CSS 的成长并拥有真正的交互功能，我认为现在是重新考虑的时候了 - 当你 […]
-
祝贺我们 10 月份 Dev Derby 的获胜者！
随着人们在各种设备上体验网络，响应式设计变得比以往任何时候都更加重要。现在，Web 开发人员可以利用 CSS 媒体查询来构建可以在不同屏幕尺寸上查看的网站和应用程序。因此，我们决定将 10 月份 Dev Derby 的重点放在此。对于此挑战， […]
