您好,登錄后才能下訂單哦!
這篇文章主要介紹了谷歌瀏覽器支持CSS縮放的方法的相關知識,內容詳細易懂,操作簡單快捷,具有一定借鑒價值,相信大家閱讀完這篇谷歌瀏覽器支持CSS縮放的方法文章都會有所收獲,下面我們一起來看看吧。
可以使用:
代碼如下:
-webkit-text-size-adjust:none;
但是,自chrome 27之后,就取消了對這個屬性的支持。
我們還有其它辦法解決這個問題嗎?
解決代碼如下:
-webkit-transform: scale(0.5);
既然最小支持到12px,那么就以12px為基點進行縮放,
同時可以使用-webkit-transform-origin-x: 0; 來解決縮放后margin-left的位移問題:
代碼如下:
.test_tag{
font-size:12px;
-webkit-transform-origin-x: 0;
-webkit-transform: scale(0.5833333333333334);
}
scale值的計算方法為: 7 / 12 = 0.5833333333333334
關于“谷歌瀏覽器支持CSS縮放的方法”這篇文章的內容就介紹到這里,感謝各位的閱讀!相信大家對“谷歌瀏覽器支持CSS縮放的方法”知識都有一定的了解,大家如果還想學習更多知識,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。