怎么样通过js让广告图片自适应。

zhuyun9999

一个CSS文件，一个js文件

豆浆

我先下载了看看                              

应该不难

krazy176

你目前这个HTML不就能看到么

magickey

mask 类的样式
background: url("images/chang.jpg")  no-repeat scroll center;
替换成
background-image:url(images/chang.jpg);
background-size:cover;

magickey

Beryl 发表于 2019-6-27 14:15

可以是可以，自适应显示了一半，还有一半没显示。
改成这样
background-image:url(images/chang.jpg);
background-size:100% 100%;
Beryl 发表于 2019-6-27 14:28

好了。。。牛逼  收款二维码发来
不用了，我为人人，人人为我

magickey

Beryl 发表于 2019-6-27 15:29

大佬，真不好意思，还有个问题，就是手机上看图的全貌看是看到了，就是都紧凑到一起了
你这个是因为图标长度固定 在不同宽度上肯定是有挤压的，建议手机和电脑端用不同的图片

krazy176

Beryl 发表于 2019-6-27 15:43

怎么设置手机和电脑显示不一样的图片，回头重写吗
不同尺寸下写不同的CSS文件就行了  

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }
// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }
// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }
// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }