如何在頁面加載時提高瀏覽器縮放級別？

如何在頁面加載時增加瀏覽器縮放級別？如何在頁面加載時提高瀏覽器縮放級別？

這裏是我的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

如何在頁面加載時提高瀏覽器縮放級別？

回答

相關問題