如果网页不适合浏览器窗口,该怎么办
- 类别: 互联网
如果将我全天访问的某些网站和页面加载到浏览器窗口中,而这些浏览器窗口的大小是显示器总屏幕尺寸的一半,则这些页面可能会损坏。我使用1920x1200显示器,倾向于同时显示两个浏览器窗口。
一个典型的例子是 WordPress插件 目录。当我打开它时,我看到了左侧边栏,但根本没有任何主要内容。整个内容区域为空白,我必须向下滚动才能在折页下面找到它。
稍加调整大小即可增加窗口宽度,这可以解决问题,并且内容会显示在正确的位置。
这很烦人,因为调整窗口大小意味着它与第二个浏览器窗口重叠。
它不是唯一损坏的网站或网页。当我打开网络经纪网站时 Flippa 例如,在Firefox中,我只在首屏上方看到优化搜索侧边栏菜单。
由于某些原因,它在此处以全角显示,因此实际网站显示在折叠下方。现在,这似乎仅在Firefox中而不是在Google Chrome中是一个问题,因为布局在Google的浏览器中可以正常工作。
我首先以为我以某种方式更改了这些页面的页面缩放比例,但事实并非如此。我将Firefox的“页面缩放”小部件移到了工具栏,并且每个工具的缩放级别均为100%。
解决问题
这里有一些建议,可让您在不更改浏览器窗口大小的情况下解决这些显示问题。
1.更改页面缩放级别
毫无疑问,这是最简单的选择。您所要做的就是按住键盘上的Ctrl键,并向上或向下移动鼠标滚轮以更改浏览器的缩放级别。
所有现代浏览器都将级别仅应用于您所在的域,而不应用于您打开的其他域和站点。
通常,只需轻按一下即可在您选择的浏览器中正常显示页面。
请注意,结果将显示较小的内容。
2.扩展
Firefox用户可以安装 出色的缩放页面扩展 附带“适合页面”选项,您只需单击一下,就可以利用它使任何页面适合浏览器窗口。
要使用它,只需按住键盘上的Shift键,然后单击附加组件在浏览器工具栏之一中放置的图标。
Chrome用户可以使用 Zoomy扩展 而是根据浏览器窗口的大小和分辨率更改缩放级别。
3.修复CSS
您可以借助浏览器扩展“时尚”或类似的附件对大多数网站进行永久更改。
这个问题很优雅,因为它不会更改文本字体大小。缺点是您需要了解CSS才能使用它。
例如,要在Firefox中修复WordPress插件目录站点,请执行以下操作:
- 安装 时尚的 。
- 打开WordPress插件目录,然后按F12键打开Firefox的“开发人员工具”窗口。
- 手动检查代码,或使用检查器单击未正确显示的元素。就此站点而言,它是主体区域。 (为此,请在“开发人员工具”窗口中单击“从此页面选择元素”按钮。
- 您最终会发现.col-10的大小为772px。如果将值更改为720px,您会发现页面现在显示正常。
- 现在您知道要更改什么,请单击“时尚”图标,然后选择“编写新样式->对于WordPress.org”。
- 在这里,您只需复制样式信息,然后保存新样式。
只要您加载网页并保持时尚安装和新样式加载,这些更改就会应用到该网页。
时尚也可用于 谷歌浏览器 。