div标签的差别
- table标签在手机端不显示可能是通病。
解决方法:使用flex布局。
如果已经写好了table表格,可以改成如下这样,会方便一些。
<view class="table">
<view class="thead">
<view class="tr">
<view class="th"></view>
</view>
</view>
<view class="tbody">
<view class="tr">
<view class="td"></view>
</view>
<view class="tr">
<view class="td"></view>
</view>
</view>
</view>
.table {
border-spacing: 0;
border-collapse: separate;
}
.table>.tr {
display: flex;
flex-direction: row;
justify-content: space-between;
}
我之前写的是直接标签进行css的,可能会方便一些,如果还有其他办法,大佬们可以更正。
css的差别
- 电脑端调好的css,在手机上总容易消失变成框架原来的css,比如说按钮的颜色等。
解决办法:在想要的css样式前,加上父标签的class值。这样就会更优先。 - ul标签电脑端会有padding-left,手机端不会有。所以如果在电脑端修改css时,对li标签加position的css去调样式,在手机上会乱掉。
解决办法:修改的时候,电脑端把padidng-left去掉,给li加margin-left或者margin-right。 - 设置line-height属性让文字垂直居中,PC端肉眼观察是居中的,但在手机端上发现文字在偏上位置。关于这个产生原因,在网上搜到一位大佬的文章移动端line-height问题。
解决办法:line-height:normal;padding:10px 0;
第三方库引用的差别
我的另一篇关于第三方库引用的文章,只总结了两种,一种是md5加密的,还有一种是RSA加密的。