【網頁跑版】網頁畫面內容好大！調整網頁正確的顯示比例｜天矽科技

如何調整畫面比例

當網站畫面變得比平常還要大的時候，不一定是網站發生跑版，我們可以先著手調整顯示比例，若真的沒辦法再尋求專業人士的支援。以下是幾種我們可以先自行調整的方式。

調整方式：
➤ 調整瀏覽器比例 　➤ 調整電腦顯示器 　➤ 螢幕解析度問題

調整瀏覽器比例

　調整瀏覽器最快的方法，就是按下鍵盤上的快捷鍵調整即可，如下。

➤ Windows

• 放大：同時按下「Ctrl」與「+」
• 縮小：同時按下「Ctrl」與「-」

➤ MAC

• 放大：同時按下「Command」與「+」
• 縮小：同時按下「Command」與「-」

　如果不使用按鍵的方式調整，也可以點選瀏覽器中的縮放功能進行調整，如下。

➤ Chrome

1. 可點選右上方三個點點的目錄選單，選擇「縮放功能」調整大小
2. 或可選擇網址列表右側的「放大鏡」縮放大小
   
   

➤ Edge

1. 可點選右上方三個點點的目錄選單，選擇「縮放功能」調整大小
2. 或可選擇網址列表右側的「放大鏡」縮放大小
   
   

➤ Firefox

• 點選右上方三條線的目錄選單，選擇「縮放功能」調整大小
  
  

➤ Safari

• 選擇最上方的「顯示方式」，選擇「實際大小」即可讓畫面調整成100%
  
  

調整電腦顯示器

　如果已經將瀏覽器調整為100%的畫面顯示比例，但網站畫面仍然偏大該怎麼辦？我們可以將電腦的顯示比例進行調整，當然也可以再使用瀏覽器縮方功能將畫面縮小繼續檢視。
 

➤ Windows

• 第一步：點選右鍵「顯示設定」
   
  
   
• 第二步：找到「縮放與版面配置」
  將「變更文字、應用程式與其他項目的大小」調整為「100%」即可正常顯示，而顯示器解析度也建議調整為「1920x1080」最多人使用的尺寸。
  
  

➤ Mac

• 第一步：在桌面中選擇左上方「蘋果icon」並選擇「系統偏好設定…」進入
   


• 第二步：在「系統偏好設定」中找到「顯示器」並點選前往
  
  


• 第三部：進入「內建顯示器」將解析度調整為「預設」即可
  
  

螢幕解析度問題

　有時候我們在開啟網站時，為了讓更多人能夠同時瀏覽，因此所使用的螢幕不一定是電腦螢幕，有可能是使用電視大螢幕，比如42吋、32吋…等，這時大螢幕的解析度可能會是125%、150%或175%不一定。

　此時可將游標移動到瀏覽器工具上方並按下「右鍵」選擇「內容」開啟「相容性」並在下方「設定」中，將「在高DPI設定時，停用顯示調整值」或「停用全螢幕最佳化」打勾即可。
 

參考資料：
IT邦幫忙｜Chrome 介面變大了，顯示的網頁也變大了，解決方案