我的網站看起來很好,直到人們開始放大和縮小,並在其上工作了幾個小時,並與其CSS混亂我無法解決如何解決這個縮放問題。我應該以某種方式將縮放比例固定到某個水平?如果是這樣,我該怎麼做?我試圖解決這個縮放問題,但把所有東西都放到了桌子上,但是這並不是真的工作,所以我不知道該怎麼辦..幫助..有沒有辦法設置某個屏幕縮放級別?它搞亂我的網站
這是它在safari上的樣子,它的固定如果我調整縮放級別但最初看起來是這樣的:
然後在Firefox和Chrome看起來完美:
我的網站看起來很好,直到人們開始放大和縮小,並在其上工作了幾個小時,並與其CSS混亂我無法解決如何解決這個縮放問題。我應該以某種方式將縮放比例固定到某個水平?如果是這樣,我該怎麼做?我試圖解決這個縮放問題,但把所有東西都放到了桌子上,但是這並不是真的工作,所以我不知道該怎麼辦..幫助..有沒有辦法設置某個屏幕縮放級別?它搞亂我的網站
這是它在safari上的樣子,它的固定如果我調整縮放級別但最初看起來是這樣的:
然後在Firefox和Chrome看起來完美:
簡短的回答:不,你不能修改最終用戶的瀏覽器本身縮放級別。
也許你應該研究一下CSS模式,以便設計可以很好地縮放的網站。例如,我認爲em的縮放比基於點的字體大小更好。等
看看文章像這樣:http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/
此外,如果您發佈的具體問題,我們也許能夠幫助解決他們在一次性基礎
瀏覽器的縮放級別是什麼那嚴格來說就是用戶的域名 - 干擾用戶級別的選擇是不好的做法,比如頁面縮放,而且通常你在技術上無法做到這一點。用戶會放大網頁,因爲他們想放大網頁,理由是他們自己的,單個網站不應該(也不能)干擾該選擇。
您應該努力設計您的網站,以使內容成爲最重要的東西,而不是與用戶抗爭。您應該以這樣的方式來設計您的設計,以便當用戶放大(或進行其他更改,例如禁用CSS或Javascript)時,內容(大概是擁有網站的重點)是重點。
使用百分比爲您的佈局,使用em
字體大小和其他此類技術將增加您的網站的可訪問性。有關使用無障礙網頁設計技術的信息,請參閱像http://24ways.org/2007/css-for-accessibility或http://www.w3.org/TR/WCAG10-CSS-TECHS/之類的文章。
編輯 截圖展示了許多陷阱之一,試圖阻止無障礙支持 - 不同的瀏覽器以不同的方式實現變焦。有些只增加字體大小,有些放大圖像,這是不一致的。訣竅在於不要緊,不要阻止它發生。
下面是一個IE修復
http://www.bennadel.com/blog/1354-The-Power-Of-ZOOM-Fixing-CSS-Issues-In-Internet-Explorer.htm
.css
{
zoom: 1
}
這是一個類似的討論[已經進行了討論(http://stackoverflow.com/questions/995914/catch-browsers-zoom-event-in -javascript)在stackoverflow(甚至具有相同的原因:)) – Samich