相关疑难解决方法(0)

如果你只是在这里告诉我为什么调整窗口的大小是一个坏主意,令人讨厌,以及粉笔板上的网页相当于指甲,那么请离开.我正在寻找一个解决方案,而不是一个讲座.这仅用于Intranet设置.具体来说,调试然后演示响应式设计的网站(使用媒体查询扩展的网站)给客户通过网络会议进行审查.我想演示特定的断点.这不是一般公众所释放的.

我已经知道的事情:

1. 您只能调整大小并定位通过javascript打开的窗口,而不是用户.(除非他们调整安全设置,这不是一个选项)
2. 使用window的resizeTo()方法时,浏览器将调整为指定的尺寸.视口通常要小得多(平均缩小30到100个像素)但是,我想将视口大小调整为特定大小.
3. 浏览器,浏览器版本,平台,一些插件以及各种菜单和工具栏将改变视口的尺寸.更多菜单和工具栏表示视口宽度更小.

可能解决方案

1. 找到浏览器的宽度和高度
2. 找到视口的宽度和高度
3. 确定两者之间的差异.
4. 相应地调整我调用resizeTo()的值

我需要步骤1的帮助.我能想到的其他一切.我也使用jQuery和现代化器,如果这有帮助.

在此先感谢您的帮助!

当进行Lighthouse Audit审核时，我设法通过了所有要点，但是在此过程中我一直遇到错误。

内容的大小适合视口

Lighthouse说，如果window.innerWidth === window.outerWidth，审核通过

如果我将这些记录到控制台，它们是相同的，但是我仍然遇到问题，似乎无法解决。到目前为止，这是我尝试解决的问题...

最大化浏览器窗口在页面下/页面外停靠开发工具面板将容器流体类中的“孤立”行divs包装到CSS中添加了HTML {overflow-x：hidden;}

以上所有建议均来自- 灯塔审核说，尽管机身宽度为100％，但内容的视口尺寸仍不正确

我已从页面上删除了所有图像，以确保这些图像不会引起任何问题。我还在大多数设备上进行了检查，以确保没有问题。

我目前拥有的meta标签是

<meta name="viewport" content="width=device-width, initial-scale=1">

再次，将宽度记录到控制台不会显示任何差异，因此我不确定这是否是Google失败或是否缺少某些内容。任何帮助将非常感激。谢谢！！