QQ登录

交流互动,快速开始

登录    注册

仙人球建站
faisco
您现在的位置: >首页 > div+css > 自适应下css字体设置

自适应下css字体设置

编辑: Tony 发布日期: 2017-09-29 来源:网上收集 浏览: tags: css 点击收藏文章

pc端和手机版的字体是不同的,一般pc端的字体是14px或者12px,但是在手机端就不能这样定义了。

<style>
      body{
        font-size: 12px;  
      }
      /*html{
          font-size: 12px;
      }*/
      div{
          width: 200px;
          height: 100px;
          float:left
      }
      .first-div{
          font-size: 1em
      }
      .second-div{
          font-size: 2em
      }
      .third-div{
          font-size: 1rem
      }
      .fourth-div{
          font-size: 2rem
      }
  </style>
  <div class="first-div">Hello World</div>
  <div class="second-div">Hello World</div>
  <div class="third-div">Hello World</div>
  <div class="fourth-div">Hello World</div>


ueeshop

免责声明:本站部分资源来自互联网收集,版权归原创者所有,如果侵犯了你的权益,请通知我们,我们会及时删除侵权内容,谢谢合作! 点击这里给我发消息

Copyright©2014-2018 免费网站模板www.freemoban.com Inc.All rights reserved. 备案号: 鄂ICP备17019132号-1