移动端开发问题总结

最新推荐文章于 2022-07-05 16:09:39 发布

超甜小布丁

最新推荐文章于 2022-07-05 16:09:39 发布

阅读量114

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/bu0627/article/details/116274054

版权

字体粗细文字描边安卓适配按钮居中前端样式

关键词由CSDN通过智能技术生成

CSS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

网站body默认设置

body {
    font-size: 14px;
    font-family: -apple-system,Helvetica,sans-serif;
    line-height: 1.5;
    color: #666;
    -webkit-text-size-adjust: 100%!important;
    padding-bottom: env(safe-area-inset-bottom);
}

文字粗细不一致（文字描边实现）安卓手机设置font-weight 400，500，600 汉字表现一致，只有700加粗，英文字体正常

.p2 {
    -webkit-text-stroke: 0.004rem #5d5d5d;
  }
  .p3 {
    text-shadow: #5d5d5d 0.002rem 0 0, #5d5d5d 0 0.002rem 0,
      #5d5d5d 0.002rem 0 0, #5d5d5d 0 0.002rem 0;
  }

按钮不居中（基数字体会有上下不居中，偶数字号正常）

.btn {
  font-size: 0.32rem;
  width: 2.4rem;
  height: 0.8rem;
  line-height: 0.8rem;
  border: 1px solid #ddd;
  border-radius: 0.4rem;
  text-align: center;
  background: #2b7aff;
  color: #fff;
  font-weight: bold;
}