html - 如何显示浏览器屏幕宽度?

标签 html css

我正在使用具有响应式主题的 Wordpress。当我在移动设备上显示内容时,主题可以在常规浏览器中正确显示。

当切换到浏览器的“桌面模式”时,响应主题的行为有点奇怪。我猜这是由于使用的屏幕尺寸。有没有办法显示使用过的 CSS 媒体查询?

当 CSS 说 media min-width: 1024px 时,我可以看到 CSS 正在使用哪个屏幕尺寸的地方吗?或者是否存在一个简单的页面来测试它? 或者更好:如何检测浏览器是否请求网站的“桌面版”并将其用于 CSS?

我用谷歌搜索但没有找到任何帮助如何检测它,但没有提出有用的提示。

最佳答案

window.innerWidth 就是您要找的。将它插入您的开发控制台,您将在以像素为单位缩放后获得准确的宽度。

关于html - 如何显示浏览器屏幕宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56514331/

相关文章:

html - 将左侧框文本环绕右侧 float ,保持标记语义,IE>=8

html - 浏览器变小怎么调整图片?

html - Mozilla 无法使用 "href"读取我的按钮

javascript - 如何从 Google 的可视化 API 生成的条形图中删除 x 轴?

html - 嵌套的 span 标签需要在外部 div 标签中强制使用水平滚动条

html - 正文标签未与顶部位置对齐

html - 仅限 CSS - 基于兄弟的 div 高度

c# - 从另一个 C# 类在 HTML 中嵌入变量

javascript - 如何更改按钮的样式?

html - <table> 并排但第二个是可滚动的