我設計了一個頁面,其中瀏覽器縮放90%時按鈕看起來不錯,但默認情況下,其他用戶在其瀏覽器中以100/125%+查看它會導致重疊在按鈕和輸入表單中。默認情況下使HTML頁面縮放
所以,我想在我的JSP頁面加載時默認將縮放值設置爲90%。
我該怎麼做? 做任何這樣的設置後,可以使頁面不可縮放? 或 有沒有更好的解決方案呢?
我設計了一個頁面,其中瀏覽器縮放90%時按鈕看起來不錯,但默認情況下,其他用戶在其瀏覽器中以100/125%+查看它會導致重疊在按鈕和輸入表單中。默認情況下使HTML頁面縮放
所以,我想在我的JSP頁面加載時默認將縮放值設置爲90%。
我該怎麼做? 做任何這樣的設置後,可以使頁面不可縮放? 或 有沒有更好的解決方案呢?
解決它,如下所示,
在CSS
#my{
zoom: 100%;
}
現在,默認情況下它會以100%縮放加載。通過給予290%的縮放比例進行測試,並以默認的縮放比例進行加載,如果想要更改縮放比例,則由用戶決定。
雖然這不是做的最好的辦法,還有另一種有效的解決方案
檢查組在流動的網頁代碼,即使他們有按鈕和他們使用聯合國有序列表來解決這個問題。
JS中,你可以通過
document.body.style.zoom="90%"
改變變焦,但它不工作,在FF http://caniuse.com/#search=zoom
法郎,你可以嘗試
-moz-transform: scale(0.9);
並檢查下一個主題How can I zoom an HTML element in Firefox and Opera?
這不適用於Firefox ... – candlejack
@alessadro你是對的http://caniuse.com/#search=zoom –
更好的解決方案不是爲了讓您的頁面可以放大縮放設置。如果您設置了像您所提議的限制,則限制了可訪問性。如果有人不能很好地閱讀你的文字,他們將無法改變這一點。我會使用適當的CSS,使其在任何縮放中都看起來不錯。
如果你真的堅持,看看如何使用JavaScript來檢測縮放級別這個問題(噩夢!):How to detect page zoom level in all modern browsers?
聽起來像有CSS問題你爲什麼不考慮正確的HTML和CSS而不是縮放? – Vinay