Home > Web Front-end > HTML Tutorial > 求教实现将下面三张图片自适应浏览器宽度,就是把浏览器缩小后宽度依然铺满屏幕。_html/css_WEB-ITnose

求教实现将下面三张图片自适应浏览器宽度,就是把浏览器缩小后宽度依然铺满屏幕。_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:30:21
Original
1383 people have browsed it

下面是这种情况,附上图和代码。

<div class="threepic"><img  src="./images/fp_86.png" / alt="求教实现将下面三张图片自适应浏览器宽度,就是把浏览器缩小后宽度依然铺满屏幕。_html/css_WEB-ITnose" ><img  src="./images/fp_87.png" / alt="求教实现将下面三张图片自适应浏览器宽度,就是把浏览器缩小后宽度依然铺满屏幕。_html/css_WEB-ITnose" ><img  src="./images/fp_88.png" / alt="求教实现将下面三张图片自适应浏览器宽度,就是把浏览器缩小后宽度依然铺满屏幕。_html/css_WEB-ITnose" ></div>
Copy after login

.threepic{	position: relative;	overflow: hidden;	z-index: -1;	width: 1300px;    margin: auto;}.threepic img{    width: 421px;    float: left;    height: 440px;}
Copy after login


回复讨论(解决方案)

按照%比设置

按照%比设置

谢谢,原来这么简单,是我想复杂了。

不客气,互相学习,互相进步

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template