根据现实中的分辨率大小来设置css来控制。
@media screen and (min-width: 200px) {
body {
font-size: 10px;
}
}
@media screen and (min-width: 1000px) {
body {
font-size: 50px;
}
}
扩展资料:
CSS3 @media 查询:
使用 @media 查询,你可以针对不同的媒体类型定义不同的样式。
@media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,@media 是非常有用的。
当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。
CSS 语法:
@media mediatype and|not|only (media feature) {
CSS-Code;
}
媒体类型:
all:用于所有设备
print:用于打印机和打印预览
screen:用于电脑屏幕,平板电脑,智能手机等。
speech:应用于屏幕阅读器等发声设备
javascript还不会,相信你,应该可以。不过我说的是CSS中,能实现吗
追答依我看,纯css是不能实现这样的功能的
本回答被提问者采纳好像不行
你可以试试css3中的一个新单位 rem 。
附件是我给你的一个例子,不过使用jquery来实现的,很好用。