返回介绍

3.7 流动网格布局和媒体查询的默契配合

发布于 2024-08-18 00:24:15 字数 365 浏览 0 评论 0 收藏 0

在本章的前面,我们的导航链接在特定的视口宽度下回折成两行。我们可以使用媒体查询来修正这个问题。如果导航链接在1060像素下散得太开而在768像素下显示正常(我们之前的媒体查询做好了处理),我们就给这个视口范围设置一下字体样式:

你看到了,我们根据视口宽度来改变文字大小,结果就是这组导航链接在769像素到无穷大的视口中都会显示在一行。这是媒体查询和流动布局和谐共存的又一证据:媒体查询约束流动布局的变动范围,而流动布局则简化了从一组媒体查询样式过渡到另一组的改变过程。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文