之前在做移动端的前端开发,也没有做过宽高同时自适应的页面,最近在做一个管理系统,领导要求宽高自适应,而且在F11的全屏状态下也要自适应。整了一上午,终于可以实现宽高自适应。下面说一下我的解决方案吧。
body,html { width:100%; height:100%;background:url(); -webkit-background-size:100% 100% ;background-size:100% 100% ;} 一定要给html和body同时设定宽高百分百
之前在做移动端的前端开发,也没有做过宽高同时自适应的页面,最近在做一个管理系统,领导要求宽高自适应,而且在F11的全屏状态下也要自适应。整了一上午,终于可以实现宽高自适应。下面说一下我的解决方案吧。
body,html { width:100%; height:100%;background:url(); -webkit-background-size:100% 100% ;background-size:100% 100% ;} 一定要给html和body同时设定宽高百分百
本文标题:F11全屏下宽高也是百分百显示
本文链接:https://www.haomeiwen.com/subject/lieozttx.html
网友评论