移动端公共样式

最新推荐文章于 2022-10-23 12:34:44 发布

sushuyan

最新推荐文章于 2022-10-23 12:34:44 发布

阅读量270

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/sushuyan/article/details/118601284

版权

本文详细介绍了移动端开发中的公共样式设置，包括CSS部分的基础样式定义，如何实现字体大小自适应，并通过引入jQuery.min.js文件使JS代码生效。同时，提供了在HTML头部添加相应代码的步骤，以确保整个方案的正常运行。

摘要由CSDN通过智能技术生成

第一部分：css部分：

/*清除样式*/

body, ol, ul, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea,select{
    margin: 0; padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
    position: relative;
}

html, body {
    height: 100%;
}

html {
    position: relative;
    margin: 0 auto;
    max-width: 750px;
    min-width: 300px;
    font-size: 62.5%;
    overflow-x: hidden;
}

body {
    position: relative;
    font-size: .14rem;
    font-family: "Microsoft YaHei", Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
    background: #fff;
    color: #282828;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

h1, h2, h3, h4, h5 {
    font-weight: normal;
    font-size: 14px;
}

a {
    color: #333;
    text-decoration