菜鸟教程(runoob.com)      table{font-size:1vw;}    

html如何实现字体大小的自适应

  <!DOCTYPEhtml
 
  <html>
 
  <head>
 
  <metacharset="utf-8">
 
  <title>菜鸟教程(runoob.com)</title>
 
  </head>
 
  <styletype="text/css">
 
  table{font-size:1vw;}
 
  </style>
 
  <bodyborder=1style="border:1pxsolidred;">
 
  <h4>一行三列:</h4>
 
  <tableborder="1"width="100%">
 
  <tr>
 
  <tdwidth=33%>100100100100100100100100100100100300300300300300</td>
 
  <tdwidth=33%>200200200200200200200200200200200200200200200200</td>
 
  <tdwidth=33%>300300300300300300300300300300300300300300300300</td>
 
  </tr>
 
  </table>
 
  </body>
 
  </html>






本文转载自中文网

 

推荐阅读