首页 > 代码库 > 字体大小自适应屏幕分辨率 CSS解决方案

字体大小自适应屏幕分辨率 CSS解决方案

viewpoint

css3提供了一些与当前viewpoint相关的元素,vw,vh,vim等。

“viewpoint” = window sizevw = 1% of viewport width1vh = 1% of viewport height1vmin = 1vw or 1vh, 最小1vmax = 1vw or 1vh, 最大

兼容性:chrome 20+/ safari 6+/ IE 10+ / FF 19+ / IOS 6+

 

<!DOCTYPE HTML>  <html>  <head>      <meta charset="UTF-8">      <title>Demo</title>    <style type="text/css">        #text { font-size: 4vw;}    </style></head><body>    <div id="text">        测试文本测试文本    </div></body></html>

字体大小自适应屏幕分辨率 CSS解决方案