如何知道浏览器 window 大小?
How to know browser window size?
我正在创建一个页面,并希望根据浏览器 window 的大小设置 css。是否有工具(也许在 f12 开发人员工具中?)可以在我调整 window 大小时向我显示精确像素,以便我可以为 window 的大小设置特定样式?
比如我写:
@media ( max-width: 768px) { .picture-to-hide {display : none; } }
但是在测试我的页面时,我发现我想早点隐藏图片。我怎么知道确切的像素?只是通过尝试不同数字的尝试和失败方法?或者也许我可以在某个地方的开发者工具中看到像素?
提前致谢!
关于 Windows10 上的显示器,在笔记本电脑的设置面板中,您应该可以找到所有相关信息。为此,请转到任务栏中的“搜索”面板,然后输入 “显示”。
一旦您输入“显示”一词,Windows 将建议打开“显示设置”。 Select 然后 “打开显示设置”。系统将向您显示显示的所有选项。查找 “高级显示设置”。
进入“高级显示设置”后,Windows 会显示显示器分辨率、显卡型号、颜色格式和屏幕尺寸等信息。
如果您正在进行响应式设计,我建议您在 mozilla firefox 中尝试 web 开发人员模式,您可以在其中相应地更改屏幕大小。在 mozilla firefox 中切换到响应式网页设计模式的快捷方式:Ctrl+Shift +M
我正在创建一个页面,并希望根据浏览器 window 的大小设置 css。是否有工具(也许在 f12 开发人员工具中?)可以在我调整 window 大小时向我显示精确像素,以便我可以为 window 的大小设置特定样式?
比如我写:
@media ( max-width: 768px) { .picture-to-hide {display : none; } }
但是在测试我的页面时,我发现我想早点隐藏图片。我怎么知道确切的像素?只是通过尝试不同数字的尝试和失败方法?或者也许我可以在某个地方的开发者工具中看到像素?
提前致谢!
关于 Windows10 上的显示器,在笔记本电脑的设置面板中,您应该可以找到所有相关信息。为此,请转到任务栏中的“搜索”面板,然后输入 “显示”。
一旦您输入“显示”一词,Windows 将建议打开“显示设置”。 Select 然后 “打开显示设置”。系统将向您显示显示的所有选项。查找 “高级显示设置”。
进入“高级显示设置”后,Windows 会显示显示器分辨率、显卡型号、颜色格式和屏幕尺寸等信息。
如果您正在进行响应式设计,我建议您在 mozilla firefox 中尝试 web 开发人员模式,您可以在其中相应地更改屏幕大小。在 mozilla firefox 中切换到响应式网页设计模式的快捷方式:Ctrl+Shift +M