为了账号安全,请及时绑定邮箱和手机立即绑定

如何在页面加载时提高浏览器缩放级别?

/ 猿问

如何在页面加载时提高浏览器缩放级别?

蝴蝶刀刀 2019-08-19 15:29:03

如何在页面加载时提高浏览器缩放级别?

如何在页面加载时提高浏览器缩放级别?

这里是我的网站链接最近我得到了增加其宽度的任务,就像我们按下的Firefox Ctrl +和浏览器缩放级别增加有任何方法在页面加载的所有浏览器中自动执行此操作。


查看完整描述

3 回答

?
qq_笑_17

我个人认为这是一个坏主意; 设计您的网站,以便它可以轻松扩展(不是很难用适当的CSS / HTML技术)或只是允许用户做他们想要的(可能他们已经他们的浏览器缩放或他们使用低分辨率)。通常,您不应该为人们做出UX决策。

但这是可能的。

演示:http//jsfiddle.net/q6kebgbh/4/

.zoom {
    zoom: 2;
    -moz-transform: scale(2);
    -moz-transform-origin: 0 0;}

请注意,此答案的先前版本用于transform支持更多浏览器。但是,这个缩短的代码似乎适用于当前版本的Chrome,FF,Safari和IE(以及IE的早期版本,已经支持zoom了很长时间)。


查看完整回答
反对 回复 2019-08-19
?
叮当猫咪

试试这个:

<script type="text/javascript">
        function zoom() {
            document.body.style.zoom = "300%" 
        }</script><body onload="zoom()"><h6>content</h6></body>


查看完整回答
反对 回复 2019-08-19
?
繁星coding

您可以尝试CSS zoom规则。我从来没有真正尝试过,但理论上设置如下的css规则可能会做你想要的:

body { zoom: 2; }

注意:这实际上并没有修改浏览器的缩放级别。它只是使页面上的一切更大:)


查看完整回答
反对 回复 2019-08-19

添加回答

回复

举报

0/150
提交
取消
意见反馈 邀请有奖 帮助中心 APP下载
官方微信