溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

谷歌瀏覽器支持CSS縮放的方法

發布時間:2022-03-22 10:59:02 來源:億速云 閱讀:348 作者:iii 欄目:web開發

這篇文章主要介紹了谷歌瀏覽器支持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縮放的方法”知識都有一定的了解,大家如果還想學習更多知識,歡迎關注億速云行業資訊頻道。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

css
AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女