CSS如何解决字体大小自适应屏幕分辨率的问题
这篇文章主要介绍CSS如何解决字体大小自适应屏幕分辨率的问题,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
成都创新互联专注于企业营销型网站建设、网站重做改版、奉贤网站定制设计、自适应品牌网站建设、html5、商城系统网站开发、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为奉贤等各大城市提供网站开发制作服务。
viewpoint
css3提供了一些与当前viewpoint相关的元素,vw,vh,vim等。
“viewpoint” = window sizevw = 1% of viewport width 1vh = 1% of viewport height 1vmin = 1vw or 1vh, 最小 1vmax = 1vw or 1vh, 最大
兼容性:chrome 20+/ safari 6+/ IE 10+ / FF 19+ / IOS 6+
Demo
#text { font-size: 4vw;}
测试文本测试文本
以上是CSS如何解决字体大小自适应屏幕分辨率的问题的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!
本文名称:CSS如何解决字体大小自适应屏幕分辨率的问题
文章路径:http://myzitong.com/article/ppeejp.html