ionic3 ios 杂记

 1.  ionic cordova resources 经常卡住不动,卡住了就撤销,果断的撤销,重新试试,试到ok

2。只是修改业务代码的话,只需要将根目录www下的内容拷贝到platform下的www就好,不需要每次打包

3。ios使用hot-code-plugin热更新插件不行 ,会报错。

4.关于适配:使用rem,设计上是多少值就是多少值*0.01=XXrem

/* iphone5 宽度 320 */
@media screen and (min-width:300px) and (max-width:340px){
    html{font-size:45px;}
}
/* iphone6,7,8,x 宽度 375 13.89*/
@media screen and (min-width:341px) and (max-width:410px){
    html{font-size:50px;}
}
/* iphone6,7,8plus 宽度 414*/
@media screen and (min-width:411px) and (max-width:600px) {
    html{font-size:55px;}
}
/* ipad 宽度 768*/
@media screen and (min-width:601px) and (max-width:780px){
    html{font-size:75px;}
}
/* ipad pro 宽度 1024*/
@media screen and (min-width:781px) {
    html{font-size:85px;}
}

5.ipad上modal不会铺满,自己写个样式覆盖ionic样式就好

//ipad modal
.modal-wrapper{
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章