HTML,CSS,VUE常见问题解决

HTML:

判断设备系统型号,并进行PC,移动强制转换

 <script>
    Object.defineProperty(navigator, 'platform', { get: function () { return 'Android'; }      });
    Object.defineProperty(navigator, 'userAgent', { get: function () { return 'Android'; }     });
    document.write("系统: " + navigator.platform);
 </script>

CSS:

解决IOS系统span和img标签对齐问题

span,img{
vertical-align: top;
}

CSS只针对IOS系统生效样式

/* iOS设备特定的CSS */
@supports(-webkit-touch-callout:none) {
    /*针对IOS的css*/
}

取消滚动条样式

.scroll{
    overflow: scroll;
}
.scroll::-webkit-scrollbar{//隐藏或取消滚动条
    display: none;
}


版权声明:本文为m0_60322614原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。