实现一屏效果

目录

1.实现方法

2.遇到的问题

3.解决方法

4.vh，vw于百分比的区别

---

1.实现方法

方法1：百分比

方法2：vh vw

2.遇到的问题

2.1 问题：使用vw，vh出现横向滚动条

3.解决方法

出现横向滚动条解决方法：

方法1.不使用vw,vh使用百分比

方法2.使用 overflow-y: overlay

方法3：使用

 margin-right: calc(100% - 100vw);

 overflow-x: hidden;

4.vh，vw于百分比的区别

百分比：相对于父级标签来说，以父级标签为准，取他的百分比

vh，vw：相对于浏览器窗口来说，以浏览器窗口为准，取他相对的比例