您的位置:首页 > 移动开发

移动端常用设置

2019-10-26 21:17 1441 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 本文链接:https://blog.csdn.net/Liyunhao_haoge/article/details/102761335

移动端常用设置

1、重置样式
*,
::before,
::after {
    margin: 0;
    padding: 0;
    /* 针对移动端 */
    box-sizing: border-box;
    -webkit-box-sizing: border-box; /* 低版本主流浏览器兼容 */
    -webkit-tap-highlight-color: transparent;/* 点击高亮效果清除 */
}

2、设置字体
在PC端常用字体是Microsoft Yahei,而在移动端常用的是sans-serif;
如:font-family: 'Microsoft Yahei','sans-serif';

3、链接
a {
    text-decoration: none; /* 去掉下划线 */
    color: #333; /* 灰色 */
}
4、input,textarea的边框
input,textarea {
    outline: none;
    border: none;
    resize: none; 
    /* 清除移动端输入框的样式 */
    -webkit-appearance: none;
}
5、表单
ul,ol {
    list-style: none;
}

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: