2014-03-12 58 views
10

我設計了一個頁面,其中瀏覽器縮放90%時按鈕看起來不錯,但默認情況下,其他用戶在其瀏覽器中以100/125%+查看它會導致重疊在按鈕和輸入表單中。默認情況下使HTML頁面縮放

所以,我想在我的JSP頁面加載時默認將縮放值設置爲90%。

我該怎麼做? 做任何這樣的設置後,可以使頁面不可縮放? 或 有沒有更好的解決方案呢?

+1

聽起來像有CSS問題你爲什麼不考慮正確的HTML和CSS而不是縮放? – Vinay

回答

18

解決它,如下所示,

在CSS

#my{ 
zoom: 100%; 
} 

現在,默認情況下它會以100%縮放加載。通過給予290%的縮放比例進行測試,並以默認的縮放比例進行加載,如果想要更改縮放比例,則由用戶決定。

雖然這不是做的最好的辦法,還有另一種有效的解決方案

檢查組在流動的網頁代碼,即使他們有按鈕和他們使用聯合國有序列表來解決這個問題。

+2

CSS縮放屬性只適用於舊版本的Internet爆炸者! – nikitz

+0

這正是我提供第二種解決方案的原因。 – 2014-03-12 08:22:45

+0

'html {zoom:160%;}'可以使用Ctrl + 0將縮放比例設置爲160% – noobninja

2

更好的解決方案不是爲了讓您的頁面可以放大縮放設置。如果您設置了像您所提議的限制,則限制了可訪問性。如果有人不能很好地閱讀你的文字,他們將無法改變這一點。我會使用適當的CSS,使其在任何縮放中都看起來不錯。

如果你真的堅持,看看如何使用JavaScript來檢測縮放級別這個問題(噩夢!):How to detect page zoom level in all modern browsers?