20160422 css 字体大小设置

本文探讨了图像分辨率与文件大小的关系,详细说明了不同分辨率下图像文件大小的变化,并介绍了如何根据设备分辨率来调整视口和视网膜显示。此外,还深入讨论了网页设计中字体大小的相对和绝对设置方式,包括em、ex、百分比及固定单位的应用场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.文件大小与其图像分辨率的平方成正比。如果保持图像尺寸不变,将图像分辨率提高一倍,则其文件大小增大为原来的四倍。
计算方程式 (X:长度像素数;Y:宽度像素数;Z:屏幕尺寸即对角线长度)
2.一张分辨率为640 x 480 30W像素 一张分辨率为1600 x 1200的图片,它的像素就是200万。
3.,根本用来更改视口,视网膜分辨率,用来使用设备宽度,做到自然覆盖。
4.相对设置方式:em 相对父元素字体大小设定 ex相对特定字体中字母x高度设定 px相对设备分辨率 .smaller\larger都是相对父元素字体大小设定。或者百分比也是如此。
5.绝对设置方式:打印使用 in英寸、 cm 、mm pt pc(12活字),xx-small x-small small medium larger x-large xx-large都是1.5倍关系。
6.一种字体大小方案:上述7个关键字,作为基准,然后其余的使用百分比进行控制。基准的与浏览器有关,调整浏览器就会影响整个页面。替代的使用em。
7.em的优势在于,改变字体后,元素之间比例会跟着协调。em 百分比不适合多层嵌套。最多两层。
8.水平方向的布局,是利用百分比,元素之间的协调需要使用em。padding,margin,font-size

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值