2009-10-29 61 views
2

簡單 - 我的佈局是800乘600.當我按下Ctrl和+時,它放大並看起來很棒。使用編程,我可以放大像IE或Firefox這樣的網頁嗎?

我想知道是否有CSS/Javascript的方式來做同樣的事情?沒有用戶必須這樣做(因爲用戶不會這樣做,並看到小布局)。

同一個問題是由某人Setting IE "Optical Zoom" feature using Javascript/CSS發佈,沒有得到很好的答覆。

+0

添加到此 - 我知道如何放大文本。我想放大包括照片在內的所有節目。 – Arjun 2009-10-29 23:53:35

+0

爲什麼不重新佈局超過800x600 – 2009-10-29 23:56:06

+0

你是對的詹姆斯,我想這是最簡單的選擇。 :( – Arjun 2009-10-30 00:50:01

回答

2

有一個zoom CSS屬性,但它是部分CSS 3,很可能沒有得到廣泛的支持。通過使用JavaScript將其設置在body元素上,您可以放大整個頁面。

我同意你所鏈接的問題的答案的觀點,但應該由用戶選擇他們自己的縮放設置。如果您的網站太大/太小看不到,則表示您的網站設計存在問題。

+0

IE支持它,但還沒有FF。 – jheddings 2009-10-30 00:00:31

+0

我試過它在IE8和Chrome v4中,它似乎在那些,但不是在Opera v9或FireFox v2中運行良好。 – adrianbanks 2009-10-30 00:04:29

+0

這不適用於舊瀏覽器,所以如果您關心跨瀏覽器兼容性,我不會推薦它。 – marcgg 2009-10-30 00:07:23

1

您可以將所有尺寸設置爲動態(對於字體使用em,對於div /圖像尺寸使用%)。然後使用javascript更改主包裝器和主要字體大小。

您也可以使用CSS切換。把所有的顏色和這樣的一個CSS文件。然後創建3或4級縮放,併爲所有現有類創建不同大小的硬編碼。

實施例:

的main.css

a{color:red;} 

small.css

a{font-size:10px;} 

medium.css

a{font-size:12px;} 
+0

是的,但是圖像怎麼樣? – Arjun 2009-10-29 23:57:14

+0

在圖像上設置好尺寸以及使用「高度」和「寬度」css屬性 – marcgg 2009-10-29 23:59:10

+0

可能會重新設計佈局:)爲您的幫助歡​​呼 – Arjun 2009-10-30 00:26:36

1

不是所有的設計(實際上我都打賭,沒有,沒有目標樣式表)可以應付今天的屏幕大小的不同,從公共圖書館的縱向屏幕,到超精細的藝術品鉅作風景畫面和小巧的筆記本電腦 - 後者經常被那些不瞭解瀏覽器中的縮放功能如何工作,並且經常有可怕的視線和耐心的高管所使用。

我的建議是使用像Marcgg建議的相對尺寸。如果你真的希望超級靈活,那麼你可以使用javascript或browserhawk(或同等功能)來測量屏幕大小,併爲那些真正無法使用佈局的人切換樣式表。

相關問題