Background-size

js-实现鼠标滑轮滚动实现换页

html页面: 1 <!--首页一--> 2 <div id="nav_div1"><div class="nav_size"></div></div> 3 4 <!--首页二--> 5 <div id="nav_div2"></div> 6 7 <!...

background-size cover和contain的用法详解

我们还可以通过background-size来控制背景图片的尺寸。 background-size有几个属性值,常用的是cover和contain。那么background-size:cover和contain二者之间有什么区别呢? 下面学做网站论坛就来介绍一下background-size cover和contain的区别和用法。 相同点: 可以控制背...

移动端界面适配

本文引自:http://www.cnblogs.com/xianyulaodi/p/5533201.html  摘要:在进行移动端界面的书写的时候,如果把宽度高度或者字体大小全部写死的话,那么在所有手机上看到的大小都一样,存在的问题就是同样大小的字体,或者一个盒子模型, 在大屏幕手机上看起来会有点偏小。比如iphone6PLUS。如果是做成适配的话,就很好...

大屏适配window.onresize监听窗口变化,该方法已用于生产

1 js部分 // 本次开发场景2880*1080 配合css 2 mounted () { 3 this.pageResize() 4 window.onresize = () => { 5 setTimeout(() => { 6...

CSS背景图怎么自适应全屏(手机或者电脑)

#demo{  background-img:url(../bg.png); --(1)适用于上半部分背景图片,下半部分纯色 将背景图像等比缩放到完全覆盖屏幕,背景图有可能超出屏幕(容器) background-size:cover; --(2)将背景图像等比缩放到宽度或高度与容器的宽度或高度相等,背景图像始终被包含在容器内。...

backgroundsize

background-size: auto || <length> || <percentage> || cover || contain 取值说明: 1、auto:此值为默认值,保持背景图片的原始高度和宽度; 2、<length>此值设置具体的值,可以改变背景图片的大小; 3、<percentage>此值为...