做项目中遇到一个小问题 (要让容器与浏览器宽度,高度相等)
2017-05-12 09:25
288 查看
做项目中遇到一个小问题
要让容器与浏览器宽度,高度相等,可以通过设置html, body的width, height都为100%,然后用body来设置背景图片。也可以通过js自动调整容器的width与height。还有就是我最爱的下面神单位vw, vh。
要让容器与浏览器宽度,高度相等,可以通过设置html, body的width, height都为100%,然后用body来设置背景图片。也可以通过js自动调整容器的width与height。还有就是我最爱的下面神单位vw, vh。
background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100vw; // 这个设置容器宽度为浏览器宽度 height: 100vh; // 这个设置容器高度为浏览器高度
background-size:100%;background-repeat:no-repeat;
相关文章推荐
- 我在用dotnet做一个项目的过程中,遇到了一个ListBox的问题:通过在一个ListBox中双击,把选中的项添加到另一个ListBox中
- 在一个开源项目的开发中遇到的问题
- 在Asp.Net项目中应用Jquery.validation时遇到的一个问题
- 项目笔记一:容器的妙用与遇到的问题
- 实际宽度与赋值宽度,工作中遇到一个问题。
- 做一个项目是遇到的问题与求解!
- 在一个开源项目的开发中遇到的问题
- 项目笔记一:容器的妙用与遇到的问题
- 在一个开源项目的开发中遇到的问题
- 在调试stage3D项目的时候遇到一个很尴尬的问题
- 在一个开源项目的开发中遇到的问题
- 在一个开源项目的开发中遇到的问题
- 在一个开源项目的开发中遇到的问题
- javascript:获取屏幕高度和宽度等信息 & 制作滚动窗体时遇到的问题
- 在一个开源项目的开发中遇到的问题
- 在一个开源项目的开发中遇到的问题
- 在一个开源项目的开发中遇到的问题
- 在一个开源项目的开发中遇到的问题
- 在Asp.Net项目中应用Jquery.validation时遇到的一个问题
- Touch001项目实现过程中遇到的一个技术问题