CSS Media Query 影响所有移动设备

I A*_*lot 4 css mobile media-queries

我知道媒体查询会影响移动设备在各种屏幕尺寸上呈现页面的方式,但我想知道是否只有一个媒体查询可以影响所有移动设备,无论屏幕尺寸如何?

\n

我只是想确保它不会影响桌面。

\n

例如,我想调整所有移动设备上的导航菜单,但我不想\xe2\x80\x99 一丝不苟地更改与 style.css 中的屏幕尺寸相关的每个媒体查询。

\n

我只想创建一个媒体查询来进行这一调整,该调整将影响所有移动设备屏幕尺寸。

\n

小智 5

对于任何正在寻找通用且简单的移动媒体查询的人,我建议如下:

@media screen and (max-width: 767px) {}

与 @m4n0 的建议类似,但这是包含“and”的正确查询。这是一个良好的开始,然后您可以继续定义更多断点,因为您在此过程中需要更多的响应能力。