移動端CSS樣式----筆記



移動端web
1、響應式背影的問題:
-webkit-tap-highlight-color:transparent;

2、手機web的縮放問題:
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" />
<meta content="yes" name="apple-mobile-web-app-capable" />

3、<input type="file" />的美化:
filter:alpha(opacity:0);
-moz-opacity:0;
opacity: 0;

4、只用CSS做到完全居中
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%); /*safari或chrome*/
-moz-transform:translate(-50%,-50%); /*firefox*/
-o-transform:translate(-50%,-50%); /*Opera*/
-ms-transform:translate(-50%,-50%); /*ie*/
transform:translate(-50%,-50%); /*W3C標准*/
margin-left : -150px; /*一半的高度*/
margin-top : -200px; /*一半的寬度*/


免責聲明!

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



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