我正在使用具有响应式主题的 Wordpress。当我在移动设备上显示内容时,主题可以在常规浏览器中正确显示。
当切换到浏览器的“桌面模式”时,响应主题的行为有点奇怪。我猜这是由于使用的屏幕尺寸。有没有办法显示使用过的 CSS 媒体查询?
当 CSS 说 media min-width: 1024px
时,我可以看到 CSS 正在使用哪个屏幕尺寸的地方吗?或者是否存在一个简单的页面来测试它?
或者更好:如何检测浏览器是否请求网站的“桌面版”并将其用于 CSS?
我用谷歌搜索但没有找到任何帮助如何检测它,但没有提出有用的提示。
最佳答案
window.innerWidth
就是您要找的。将它插入您的开发控制台,您将在以像素为单位缩放后获得准确的宽度。
关于html - 如何显示浏览器屏幕宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56514331/