求教实现将下面三张图片自适应浏览器宽度,就是把浏览器缩小后宽度依然铺满屏幕。_html/css
来源:动视网
责编:小采
时间:2020-11-27 16:17:45
求教实现将下面三张图片自适应浏览器宽度,就是把浏览器缩小后宽度依然铺满屏幕。_html/css
求教实现将下面三张图片自适应浏览器宽度,就是把浏览器缩小后宽度依然铺满屏幕。_html/css_WEB-ITnose:下面是这种情况,附上图和代码。 .threepic{ position: relative; overflow: hidden; z-index: -1; width: 1300px; margin: auto;}.threepic img{ width: 421px; float: left; height: 440px;}
导读求教实现将下面三张图片自适应浏览器宽度,就是把浏览器缩小后宽度依然铺满屏幕。_html/css_WEB-ITnose:下面是这种情况,附上图和代码。 .threepic{ position: relative; overflow: hidden; z-index: -1; width: 1300px; margin: auto;}.threepic img{ width: 421px; float: left; height: 440px;}
下面是这种情况,附上图和代码。
.threepic{ position: relative; overflow: hidden; z-index: -1; width: 1300px; margin: auto;}.threepic img{ width: 421px; float: left; height: 440px;}
回复讨论(解决方案)
按照%比设置
按照%比设置
谢谢,原来这么简单,是我想复杂了。
不客气,互相学习,互相进步
求教实现将下面三张图片自适应浏览器宽度,就是把浏览器缩小后宽度依然铺满屏幕。_html/css
求教实现将下面三张图片自适应浏览器宽度,就是把浏览器缩小后宽度依然铺满屏幕。_html/css_WEB-ITnose:下面是这种情况,附上图和代码。 .threepic{ position: relative; overflow: hidden; z-index: -1; width: 1300px; margin: auto;}.threepic img{ width: 421px; float: left; height: 440px;}