【问题标题】：How to know browser window size?如何知道浏览器窗口大小？
【发布时间】：2020-10-26 06:50:32
【问题描述】：
我正在创建一个页面，并希望有相应的浏览器窗口大小的 css。是否有工具（可能在 f12 开发人员工具中？）可以在我调整窗口大小时显示准确的像素，以便我可以为该大小的窗口设置特定样式？
例如，我写：
@media ( max-width: 768px) { .picture-to-hide {display : none; } }
但是在测试我的页面时，我发现我想早点隐藏图片。我怎么知道确切的像素？只是通过尝试不同数字的尝试和失败方法？或者我可以在某个地方的开发者工具中看到像素？
提前谢谢你！
【问题讨论】：
标签：
css
frontend
responsive
developer-tools
【解决方案1】：
当谈到您在 Windows 10 上的显示时，您应该在笔记本电脑的设置面板中找到所有相关信息。要到达那里，请转到任务栏中的搜索面板，然后写 “Display”。
输入“显示”字样后，Windows 会建议打开“显示设置”。然后选择“打开显示设置”。系统将向您显示显示的所有选项。查找“高级显示设置”。
进入“高级显示设置”后，Windows 会显示诸如显示器分辨率、显卡型号、颜色格式和屏幕尺寸等信息。
如果您正在进行响应式设计，我建议您在 mozilla firefox 中尝试 webdeveloper 模式，您可以相应地更改屏幕大小。在 mozilla firefox 中切换到响应式网页设计模式的快捷方式：Ctrl+Shift+M强>