CSS響應式字體,自適應視圖窗口大小


這似乎是一個新的字體大小單位 Viewport-Percentage Lengths.

一個單位相於當前視圖窗口大小的1%,寬度和高度是不同的,分別用(vw, vh)表示。你可以通過vmin和vmax設置最大最小值。

  1vw = 當前視圖窗口(viewport)1%的寬度
  1vh = 當前視圖窗口(viewport)1%的高度
  1vmin = 1vw 或 1vh, 取決於哪個更小一點
  1vmax = 1vw 或 1vh, 取決於哪個更大一點

樣式中直接:width:1vw; 

參考:http://ourjs.com/detail/549cbea78a34fa3204000024

當然也可以使用其他方案,比如 media query 

推薦看下這個:http://blog.csdn.net/dyllove98/article/details/9246397 

不錯的,有幾種可用解決方案,試試

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM