2013-05-19 59 views
0

根據我的理解,增加文字大小的最佳方法是使用Ctrl + +。這也保持了佈局。但是有沒有人知道當按下這個組合鍵時瀏覽器究竟做了什麼?我想確保我的佈局不是Ctrl + PLUS/MINUS在現代瀏覽器中做什麼?

我見過很多網站(甚至谷歌和亞馬遜)在縮放時遇到問題,因爲div開始相互疊加,文本變得雜亂。這在沒有固定寬度主體的網站上最常見。

編輯:我想知道究竟發生了什麼:如何處理沒有固定寬度的元素和div? html div寬度是否改爲?元素是否以相同的比例變化...... 我認爲有一個明確的規範,因爲所有瀏覽器在放大和縮小時似乎都顯示類似的結果。

+4

那些將這些功能用於輔助功能的人對後果做好了充分的準備。他們不關心你的網站在手動增加字體大小之後有多漂亮,只要它可用。他們主要關心的是閱讀你的網站,而不是這樣做的美學 – Bryan

回答

2

按Ctrl + + 縮放的瀏覽器,而按Ctrl +-縮放瀏覽器了。

Documentation

2

大多數現代瀏覽器有許多共同的快捷方式。其中包括你提到的兩個:Ctrl + + and Ctrl + -

使用時,這些擊鍵允許用戶分別放大和縮小。同樣,如果您保持控制並上下滾動鼠標滾輪(分別),您將獲得相同的行爲。

你要知道,這不只是增加/減小文本的大小,使其放大(或縮小),包括圖片,橫幅頁面上的所有內容,等

作爲開發者,如果你想創建一個響應式佈局來處理網頁縮放,你應該避免使用像pixels這樣的固定單位,並使用諸如percentagesem等單位。

Here是大多數常用瀏覽器共享的鍵盤快捷鍵列表。

+0

它用來改變某些瀏覽器的舊版本中的文本的大小。 – BoltClock

+0

請看編輯。 我知道它在做什麼,我想知道它是如何處理這些元素的。 – Yamcha

0

現代瀏覽器(Firefox 3.x的+,Chrome瀏覽器2.x的+,IE 7+)使用CTRL/CMD+/-快捷方式全頁面縮放。每個渲染引擎處理這個過程的方式稍有不同,但通常只要你沒有任何東西與右邊或底部對齊,就不會引起很多問題。

如果混合但是固定和相對單位(px/pt%/em/ex),他們可以規模不同,造成的各種元素移出其原來的比例。

查看http://en.wikipedia.org/wiki/Responsive_web_design以瞭解處理各種視口大小的方法。

1

這實際上取決於我們正在討論的瀏覽器。 Ctrl + +/-放大/縮小瀏覽器。某些瀏覽器(如Firefox)允許您只通過「查看」>「縮放」>「縮放文本」來增加文本大小。這使得像<div>這樣的東西就位,直到尺寸太大和[pixel-perfect]佈局崩潰。 IE有一個類似的選項,它可以通過View> Text Size找到,它的運行方式與Firefox相同,但不是完全的和有限的範圍。我認爲Opera也有這個功能,但它從它的外觀中被刪除了。

然後,如其他答案所述,您可以查看相關網站使用的單位。混合固定單元和相對單元使元素變得更復雜一些,什麼時候以及如何變化。

+0

這實際上取決於網站是否有定義的字體大小。如果是的話,我認爲所有瀏覽器都會通過view> text size菜單忽略字體大小的任何變化。 – Yamcha

+0

如果未定義字體大小,則默認爲「font-size:100%」或「1em」,它們是相同的 –