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

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

这里是我的web link最近我得到了增加宽度的任务，就像我们按下Ctrl +并且浏览器缩放级别增加一样，有没有什么办法可以在所有浏览器上自动加载页面。

来源

2012-02-25 Danish Iqbal

注：我已经用Google搜索这个找不到这个或一些东西，解决这个问题 – 2012-02-25 05:31:55

如果你总是** **希望自己的网站做大，为什么不样式它是更大？ – 2012-02-25 05:33:33

@TimMedora感谢实际上回答了需要更多的时间来提高所有大小事情，我想，如果我只是增加缩放级别，以便其更好地在 – 2012-02-25 05:37:48

我个人认为这是一个坏主意;或者设计你的网站，以便它可以很容易地扩展（用适当的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（以及支持zoom很长一段时间的以前版本的IE）。

来源

2012-02-25 05:40:25

谢谢你这么多的工作及其工作罚款的Firefox，Chrome，但在旧的Internet Explorer不能正常工作任何建议很好，我也下载IE8 – 2012-02-25 05:58:26

@DanishIqbal - 你将需要使用两种不同的方法来支持旧版本的IE。我已更新我的示例以显示对所有浏览器的支持。 – 2012-02-25 06:10:50

其隐藏本网站中的所有flash – 2012-02-25 09:58:38

您可以尝试CSS zoom规则。我从来没有真正尝试过，但在理论上设定类似下面的CSS规则可能会做你想要什么：

body { zoom: 2; }

注：这实际上并没有修改浏览器缩放级别。它只是使网页上的所有大:)

来源

2012-02-25 05:37:54 jeremysawesome

@jaremysawesome谢谢你这么玉米粥其在Chrome，IE浏览器的工作，但不能在Firefox任何建议 – 2012-02-25 05:53:30

@DanishIqbal这适用于FF：http://stackoverflow.com/a/12603229/694469它采用'-moz-变换：规模（2）'。 – KajMagnus 2013-03-06 05:23:47

'-moz-transform zoom'与'zoom'不一样。第一个打破了我的复杂的网站布局，其中包含固定和绝对定位的元素.https：//www.word-party.com/ – 2018-03-01 13:36:04

试试这个：

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

<body onload="zoom()"> 
<h6>content</h6> 
</body>

来源

2012-02-25 05:40:06 Vinod

非常感谢你的代码在Chrome中完美工作让我检查其他浏览器 – 2012-02-25 05:45:21

它不工作Firefox和Internet Explorer中需要允许脚本任何建议 – 2012-02-25 05:47:20

嗨Iqbal尝试使用CSS身体{缩放：300％; } – Vinod 2012-02-25 05:53:16

这是一个答案狭隘的帖子像

我个人认为这是一个坏主意;

或

为什么不样式它更大

等

我有PWA具有简约的设计，有很多空白的，并打算在手机第一个地方（所以最初我没有考虑过大屏幕）。这不只是枯燥的网站与文章。它的UI相当复杂。

所以当你在一个非常大的屏幕（电视或大型监视器）上打开它看起来非常丑陋（因为它在这一点上是太多的空白）。作为一个用户，我需要每次放大。这是非常愚蠢的。我的网络应用程序更加美观，并且在电视上使用时更容易使用沙发，当它在大屏幕上缩小一点时。

所以我在做什么，在@media我改变变焦属性，如果显示太宽。 -moz-transform：缩放与缩放完全不同。

所以底线，如果你想放大的网站CSS，你有三种选择：

（推荐，硬）牺牲一些设计选择和使用EM和REM单位同时发展你的页面。这将允许更改页面的“缩放”就像更改正文的字体大小一样简单。
（容易）要使用“改造：规模”为跨浏览器的经验，但如你预期它可能无法正常工作。
（不推荐，容易）尽管它不是一个标准的属性使用CSS“放大”属性。牺牲Firefox。此外，绝对定位的柔性版有一些轻微的意外行为。

来源

2018-03-01 13:55:52

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

回答

相关问题