南京建设网站公司「南京建设网站公司」「南京建设网站公司哪家好」即使您不能使用媒体查询，如何构建响应式网站「南京建设网站公司」「南京建设网站公司」
在没有媒体查询的情况下构建响应式网站
开发响应式网站的原则之一是从媒体查询开始；毕竟，您想知道访问者正在使用的设备的显示属性和功能，然后才能使用可调整的代码魔法。有一些方法可以避免使用级联样式表进行媒体查询，但选择这种策略的真正价值充其量是值得怀疑的。
使用 grid 和 flexbox 等 CSS 元素，13 行代码将产生四种布局；虽然这不会涵盖当今使用的每一个设备，但它是一种避免媒体查询的非常聪明的方法，它也是一种优雅的编码。Polypane 的人们最近展示了这一点，这是一款简洁的应用程序，可为希望在多个视口中查看其项目的 Web 开发人员充当特殊的浏览器。Polypane 会炫耀这样的 CSS 技巧是有道理的，但在这方面存在限制。Polypane 示例包括几个文本框和一个提交按钮；这显然不足以证明取消媒体查询是合理的，因为大多数项目将呈现出更大的复杂性。
毫无疑问，flexbox 很强大，但它不应该说服开发人员忽略媒体查询。尝试在比几个元素更复杂的项目上取消此类查询并不是一个好主意，而这可以在 Polypane 应用程序上清楚地显示出来。
与其试图绕过媒体查询，更好的方法是学习所有可以用它们完成的事情；例如，逻辑运算符“if”是所有查询的基础并且是隐含的，“and”分隔最大和最小宽度，逗号应视为“或”运算符，等等。
由于媒体查询出现在 CSS 代码的早期，因此有必要查看 Mozilla MDN 文档中关于它们的所有内容。查询之后是相当容易理解和学习的特征规则。随着 CSS 的进步和更多库的开发，对于不需要媒体查询的简单项目将会有更多巧妙的技巧，但不应该忽视包含此类查询的安全措施。
#南京建设网站公司#
