为什么我的媒体查询断点在手机上不生效？
我用的是 Bootstrap 的断点规范，写了 @media (max-width: 768px) 想在手机上触发样式，但在真机测试时完全没反应，桌面浏览器缩小窗口倒是正常。是不是漏了什么 meta 标签？
我已经加了 viewport，但还是不行，代码大概是这样：
@media (max-width: 768px) {
.my-box {
background-color: red;
}
}- 1
回答
40浏览
为什么我的媒体查询在移动端没生效？
我写了一个响应式页面，用媒体查询在小屏下隐藏某个元素，但在手机上打开还是显示的。我检查了 viewport meta 标签也加了，CSS 语法看起来也没错，就是不生效，特别奇怪。 我还试过用 Java...
- 1
回答
25浏览
媒体查询在手机上不生效是怎么回事？
我写了个简单的响应式布局，用媒体查询针对小屏设备隐藏某个元素，但在手机浏览器上死活没效果。电脑上缩放窗口倒是正常的。 我写的 CSS 是这样的： @media (max-width: 768px) {...
- 2
回答
26浏览
响应式断点设置后，为什么在手机上还是显示桌面样式？
我用媒体查询设置了移动端的断点，但用手机访问时布局还是按桌面端渲染，试了几个不同设备都一样，是不是哪里写错了？ 下面是我写的 HTML 和内联的 CSS： <style> @media (...
- 1
回答
58浏览
媒体查询在手机上不生效是怎么回事？
我写了一个媒体查询，想在手机上把字体变小点，但在真机上完全没反应。我用的是 @media (max-width: 768px)，本地浏览器模拟器里是好的，一到手机就失效了。 是不是漏了什么 meta ...
- 2
回答
41浏览
媒体查询在手机和桌面设备上没生效怎么办？
我在给网站做响应式布局时，写好了媒体查询，但手机和桌面样式完全没变化。比如这个导航栏，想让手机端显示汉堡菜单，桌面端显示横向菜单： @media screen and (max-width: 600p...
- 2
回答
70浏览
响应式断点设置后在手机上没生效？
我用媒体查询写了几个断点，比如 @media (max-width: 768px)，在浏览器开发者工具里切换设备看起来没问题，但真机测试时样式完全没变，还是桌面端的布局。 是不是我写法有问题？或者 m...
- 1
回答
29浏览
响应式断点设置后移动端样式不生效？
我在用媒体查询做响应式布局，设置了768px的断点，但手机上打开还是显示桌面样式，试了几次都不对，是不是写法有问题？ 这是我的HTML结构和CSS媒体查询部分： <div class="cont...
- 2
回答
60浏览
混合布局中媒体查询和flex布局冲突怎么办？
在用flex布局配合混合响应式设计时，我发现媒体查询的断点生效后，子元素的flex属性没有按预期改变，导致移动端和桌面端布局错乱。比如设置max-width: 768px时要把flex-directi...
- 2
回答
76浏览
Chrome DevTools模拟移动端时媒体查询没生效怎么办？
用Chrome DevTools模拟iPhone 12调试页面时，媒体查询突然不生效了，明明在桌面模式下正常 比如这段代码：@media (max-width: 768px)在桌面端能正确触发，但切换...
- 2
回答
71浏览
媒体查询在移动端失效，如何排查和解决？
我在给网站做响应式布局时，用媒体查询设置了移动端样式，但手机访问时旧样式还在，新样式没生效。已经清除缓存、检查了断点数值，但问题依旧。比如在max-width: 768px时隐藏导航栏，但手机上看导航...
(max-width: 576px)。再检查下你的 viewport 设置对不对，大概是这样：改完刷新试试，差不多就行。