网站前端制作之css长度单位_成都网站搭建
关于长度单位,你还只是会使用px吗?让我们来看看如何使用长度单位在页面自适应。长度单位分绝对长度单位和相对长度单位。绝对长度单位是一个固定的值,它反应一个真实的物理尺寸,绝对长度单位视输出介质而定,不依赖于环境(显示器、分辨率、操作系统等)。而相对长度单位,你看相对二字就可以看出其长度单位他会有一个参考值,会随着它的参考值变化,是一种动态的长度单位,更适合适配不同场景应用。常用的相对长度单位px(像素)像素是最常用的单位,很多长度单位最终都映射成像素,这是显示屏显示内容的基本单位,显示效果与显示分辨率有关像素为影视显示的基本单位,译自英文 pixel,pix 是英文单词 picture 的常用缩写,加上英语单词 element 元素,就得到 pixel,故像素表示 画像元素 之意,有时又被称为 pel (picture element)。通常说的显示分辨率,其实是桌面设定的分辨率(桌面分辨率)而不是显示屏最大可支持的分辨率(物理分辨率)。列如有一个宽为 100px 的 div标签,在800x600分辨率下占显示面积的1/8,而在1980x1080分辨率下则占据1/19,这也是为什么说它是动态的主要原因。简单来说,px会随着桌面分辨率的变大变小和改变,参考点就是桌面分辨率,在不同桌面分辨率下会显示出不同的效果。目前而已比较流行的还是1920x1080桌面分辨率。em(相对于父亲)单位 em 的含义最初是指基于当前字体大写字幕 M 的尺寸。现代浏览器中,1em 等于 16px。基于当前元素的 font-size 大小,如果没设置就是继承父元素的 font-size。如果作用于 font-size 时,1em 就等于父元素的 font-size。em 单位具有级联关系。em 会随着 font-size 的大小改变而改变。rem (相对根元素)相对于根元素(html)的 font-size 的计算值默认情况下:1rem=16px,这是因为浏览器的默认字体大小为 16px,且html标签的的字体大小不会被轻易修改。%(百分比)% 百分比对于 font-size,line-height 等属性,基于其父元素的 font-size 大小。而对于 text-indent、margin、padding、width等属性则是基于父元素的宽度。vw(viewpoint width ⇨视窗宽度)CSS 中有一些用于调整与视图(浏览器页面)大小的单位,这些响应式设计对于设计在不同尺寸屏幕下的网页有很大帮助。一个单位是指视图宽度的 1%。vh(viewpoint height ⇨视窗高度)一个单位是指视图高度的 1%。
网站前端制作之css长度单位_成都网站搭建 https://cdnanqi.cn/wangzhanzhizuo/11107.html
- 网站首页SEO分析优化建议
- seo优化网站SEO优化方案的过程中需要适当地分析网站排名seo内seo内部优化部优化-雅安SEO
- 解开网站被秒收的神秘面纱,还原稳定关键词排名的秘诀-成都seo优化-成都网站优化
- 网站为什么要做SEO诊断分析?主要分析哪些方面?_宜宾seo优化
- 大数据SEO优化计划(大数据分析优化SEO)
- 网站制作完成后加载慢是因为什么呢?_成都做网站模板仿站
- 企业建设网站注意的小细节有哪些_成都做网站模板仿站
- 常用的SEO分析工具有哪些?如何借助seo分析工具做网站优化 | 遂宁网络公司
- SEO优化关键词代运营(SEO关键词优化怎么收费)
- 前端做好SEO优化必备的条件(最好的SEO优化软件)