css宽度自适应的问题
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css宽度自适应的问题相关的知识，希望对你有一定的参考价值。
参考技术A 1. 用百分比实现 width:50%,这样会根据屏幕的大小来自适应宽度（插一条calc的属性详解）
vw ：Viewport width，即容器（可以是div）的宽度，默认1vw=整个视窗宽度的1%，全屏为100vw。比如视窗宽度为1200px，1vw=120px=1200px*1%，如果是满屏就则为100vw=1200px。
vh ：Viewport height，即容器（如div）的高度，默认1vh=整个可视窗口高度的1%，全屏是100vh。
2. calc（100vmin）也可以达到自适应的效果，但还是用起来效果一般
3. calc(100vw - px) vw是根据屏幕的大小来计算的，屏幕缩小，100vw也会变大
以上是关于css宽度自适应的问题的主要内容，如果未能解决你的问题，请参考以下文章