uni-app 修改radio/checkbox的大小


原博客網址:https://blog.csdn.net/Jo_liver/article/details/104138209

 

 

 以Colorui-Uniapp表單頁面修改例子!在標簽使用transform:scale(0.7); 即可完美解決問題 !

 Css3的transfroms縮放的使用方法:

從3個方面介紹:

1、scale(x,y) 對元素進行縮放
X表示水平方向縮放的倍數 | Y表示垂直方向的縮放倍數
Y是一個可選參數,沒有設置的話,則表示X,Y兩個方向的縮放倍數是一樣的。並以X為准。
transform:scale(2,2.5);

(上文的transform:scale(0.7)即transform:scale(0.7,0.7);)
 
2、scaleX(<number>) 元素只在X軸(水平方向)縮放元素。
默認值是1,基點一樣在元素的中心位置。可以通過transform-origin來改變基點
transform:scaleX(2);  
 
3、scaleY(<number>) 元素只在Y軸(垂直方向)縮放元素。
基點一樣在元素的中心位置。可以通過transform-origin來改變基點。
transform:scaleY(2);

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM