JAVA高级面试进阶训练营视频教程	Java架构师系统进阶VIP课程	分布式高可用全栈开发微服务教程	Go语言视频零基础入门到精通	Java架构师3期(课件+源码)
Java开发全终端实战租房项目视频教程	SpringBoot2.X入门到高级使用教程	大数据培训第六期全套视频教程	深度学习（CNN RNN GAN）算法原理	Java亿级流量电商系统视频教程
互联网架构师视频教程	年薪50万Spark2.0从入门到精通	年薪50万！人工智能学习路线教程	年薪50万大数据入门到精通学习路线	年薪50万机器学习入门到精通教程
仿小米商城类app和小程序视频教程	深度学习数据分析基础到实战	最新黑马javaEE2.1就业课程	从 0到JVM实战高手教程	MySQL入门到精通教程

查看: 1240|回复: 0

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

[复制链接]

admin

TA的每日心情

	奋斗前天 15:06

签到天数: 802 天

[LV.10]以坛为家III

2053 主题	2111 帖子	72万积分

管理员

Rank: 9 Rank: 9 Rank: 9

积分: 726006

发消息

发表于 2021-6-28 23:04:48 | 显示全部楼层 |阅读模式

本站已经为数万IT学习者服务超过8年！成为本站VIP会员，免金币下载本站10000G+VIP会员资料！所有VIP资料>>

viewpoint

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

“viewpoint” = window size

vw = 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+

<!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>

哎...今天够累的，签到来了1...

使用道具举报

返回列表

		自动登录	找回密码
密码			立即注册

JAVA高级面试进阶训练营视频教程

Java架构师系统进阶VIP课程

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

viewpoint