西安做网站_西安网站建设公司_西安网页制作_西安网页设计_西安网站制作设计公司

 找回密码
 注册

QQ登录

只需一步,快速开始

搜索
查看: 10950|回复: 3

css背景图片自适应100%显示background-size

[复制链接]
发表于 2019-2-25 17:46:46 | 显示全部楼层 |阅读模式
background-position

css图片自适应

background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;

让图片随屏幕大小同步缩放,但是有部分可能会被裁切,不过不至于会露白,下面两句是为chrome和opera浏览器作兼容。
background-position: center 0; 或者  background-position: 50% 0;
图片居中显示


西安网站建设 | 西安做网站 —— 剑锋所指 所向披靡!
回复

使用道具 举报

 楼主| 发表于 2019-2-25 17:49:54 | 显示全部楼层
flex 响应式布局 弹性布局
回复 支持 反对

使用道具 举报

 楼主| 发表于 2019-2-25 17:50:58 | 显示全部楼层
js 取整 parseInt

window.onresize  屏幕尺寸变化时
timer=setInterval(resizeban,5000);
onchange
jquery事件委托addEventListener
回复 支持 反对

使用道具 举报

 楼主| 发表于 2019-2-25 17:56:26 | 显示全部楼层
jquery中带'-'的css属性要用引号引起来。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|手机版|Archiver|西安网站建设

GMT+8, 2024-12-22 18:34 , Processed in 0.042002 second(s), 16 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表