CSS3 媒体查询当前页面大小

标签 css media-queries

使用Google Chrome 浏览器,确定页面大小的最简单方法是什么,因此您可以编写适当的css3 媒体查询。

目前,我正在慢慢调整浏览器的大小,以发现可以使用 css3 媒体查询来改进日益压缩的界面的任何区域,但需要一种方法来了解应该使用查询的大小。

最佳答案

啊,我找到了一个好方法。在 Google Chrome 检查器中,转到控制台选项卡并输入以下内容:

document.body.offsetWidth

这将打印出当前页面宽度:)

关于CSS3 媒体查询当前页面大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14304049/

相关文章:

javascript - 在 chartist.js 中为 SVG 数据点添加轮廓

iframe - 如何将 svelte 应用程序封装在 svelte 应用程序的 iframe 中?

html - 媒体查询的工作宽度与我在 style.css 文件中所说的不同

javascript - 如何在手机中更改背景图像?

javascript - matchMedia.js 是否需要 respond.js 才能在旧版 IE 浏览器中工作

html - 我的图像在移动设备上保持正确并且未居中对齐

html - 仅在高分辨率下显示 div

javascript - 更改页面上所有元素的 css 背景

php - 无法显示 Font-Awesome 图标

python - Scrapy - 使用 CSS 查找可能包含不同子元素的元素