https://www.wangyifang.com/web/xiaofu/2.2/help.html
谁能帮忙看下为什么浏览器宽度缩小后,并不能一直自适应,到了一定小的宽度后,就会有横向滚动,这是为什么呢?
1
biabia123456 2018-10-17 12:58:43 +08:00
图片问题
|
2
biabia123456 2018-10-17 13:00:09 +08:00 1
|
3
rabbbit 2018-10-17 13:10:44 +08:00 1
.wifi-help-img img {
max-width: 100%; } |
5
wu67 2018-10-17 13:49:10 +08:00
把 img 当 background-image 用试试
|
8
rabbbit 2018-10-17 14:03:03 +08:00
@CSGO
继续缩小是啥意思? 缩小浏览器尺寸,让视口宽度小于图片宽度? max-width: 100% 的作用是规定图片的最大宽度为父元素宽度的 100%,.当父元素宽度小于图片原尺寸时,图片自动缩小. |
10
rabbbit 2018-10-17 14:21:33 +08:00
把.wifi-help-img 里的 flex 去掉, 用 margin: auto 居中
|
11
rabbbit 2018-10-17 14:28:46 +08:00
|
13
gzf6 2018-10-17 16:49:33 +08:00
img {
object-fit: contain; } |
14
gzf6 2018-10-17 16:50:30 +08:00
还有个 object-position 用来调位置,用法和背景图哪个一样
|