响应式 导航
许多响应式网站在大屏幕上提供水平导航栏，并在较小的视口中提供下拉导航。 这是一种非常体面的方法，但并非没有问题。 首先，设备不仅大小不一； 它们有各种可以想象的尺寸。 其次，导航可能会随着时间而改变。 第三，布局或字体大小可能会因屏幕大小而异。 我们将以不同的方式做事...
为什么不检查（使用JavaScript）以查看实际上有多少导航空间适合可用空间？ 知道了这一点之后，我们就可以将导航栏中不适合的项目移到下拉菜单中。 在特别小的屏幕上，我们可以选择将整个菜单放入一个下拉菜单。
导航适合吗？
哪种导航效果最好？ 这个问题的答案取决于几个因素，包括屏幕大小，字体大小，字体系列，导航项的数量以及导航出现的上下文。 这些因素相互影响，并且都可以改变。
而不是考虑所有这些因素，我们仅查看最终结果：所有导航项是否都排在一个整齐的行中，或者某些导航项被下推到下一行？ 如果是后者，那么可以容纳多少个物品？ 有了这些信息，我们可以为任务选择正确的导航。
步骤1：选择断点
响应式设计具有两个主要功能。 首先，设计必须流畅 ：其宽度与浏览器的宽度成比例。 其次，存在断点宽度，通过使用CSS媒体查询可以更改设计。 例如，您可能决定当浏览器的宽度不超过480像素时，侧边栏将移动到内容下方，并且标题将变小。 您可以根据需要设置任意多个断点。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/127889.html