响应式断点设置后移动端样式不生效？
我在用媒体查询做响应式布局，设置了768px的断点，但手机上打开还是显示桌面样式，试了几次都不对，是不是写法有问题？
这是我的HTML结构和CSS媒体查询部分：
<div class="container">
<div class="sidebar">侧边栏</div>
<main class="content">主内容</main>
</div>
<style>
.sidebar { display: block; }
@media (max-width: 768px) {
.sidebar { display: none; }
}
</style>- 1
回答
19浏览
响应式断点设置后，为什么在手机上还是显示桌面样式？
我用媒体查询设置了移动端的断点，但用手机访问时布局还是按桌面端渲染，试了几个不同设备都一样，是不是哪里写错了？ 下面是我写的 HTML 和内联的 CSS： <style> @media (...
- 2
回答
55浏览
媒体查询在移动端失效，如何排查和解决？
我在给网站做响应式布局时，用媒体查询设置了移动端样式，但手机访问时旧样式还在，新样式没生效。已经清除缓存、检查了断点数值，但问题依旧。比如在max-width: 768px时隐藏导航栏，但手机上看导航...
- 1
回答
44浏览
响应式布局在小屏设备上为啥不生效？
我写了一个简单的响应式布局，用媒体查询设置了不同屏幕宽度下的样式，但在手机上预览时完全没反应，还是桌面端的样式。我试过加 viewport 标签了，也检查了 CSS 顺序，但就是不生效。 这是我的 C...
- 2
回答
51浏览
移动端按需加载组件时如何避免样式错乱？
我在用 Vue 开发移动端页面，想对底部弹窗组件做按需加载，但动态引入后发现样式没生效，布局全乱了。之前是直接 import 引入没问题，改成 () => import('./Popup.vue...
- 2
回答
45浏览
设置了Cache-Control后移动端图片还是重复请求是怎么回事？
我在开发移动端混合应用时遇到个奇怪的问题。给图片资源设置了响应头Cache-Control: public, max-age=3600，但用Chrome开发者工具模拟移动端时，发现每次打开页面都会重新...
- 2
回答
22浏览
DatePicker日期组件的样式怎么覆盖不生效？
我在用 Ant Design 的 DatePicker，想改一下下拉面板的宽度，但加了 CSS 样式死活不生效，是不是被组件内部样式优先级搞死了？ 我试过直接写类名覆盖，也试过加 !important...
- 1
回答
17浏览
Taro 多端编译时样式不生效怎么办？
我在用 Taro 开发一个多端项目，H5 上样式正常，但编译到微信小程序后部分样式没生效，比如 display: flex 布局错乱了。 查了文档说要加前缀，但我已经用了 @tarojs/plugin...
- 1
回答
22浏览
百分比布局在移动端为什么高度不生效？
我在做移动端页面时，用百分比设置容器高度，比如 height: 100%，但发现根本没效果，子元素还是塌陷了。明明宽度用百分比没问题啊，高度怎么就不行？ 我试过给 html 和 body 都加了 he...
- 1
回答
26浏览
预览模式下样式不生效怎么办？
我在做可视化编辑器的预览功能，切换到预览模式后，原本在编辑区生效的 Tailwind 样式全没了，但 HTML 结构是对的。 我试过把 Tailwind 的 CDN 链接加到预览 iframe 的 h...
- 1
回答
19浏览
断点监听在组件里为啥不生效？
我在写一个响应式布局组件，想根据窗口宽度切换展示模式，但加了 resize 事件监听后，断点判断好像没反应。 试过在 mounted 里绑定事件，也检查了断点阈值，但控制台打印的 isMobile 始...
暂无解答