如何制作h5动态画面_拼团h5制作_h5网站_h5微信游戏成本_h5页面制作工具
当前位置:建站首页 > 新闻资讯 > 网站优化 >

浅析网站建设过程-CSS 实现图片宽度响应式

发表日期:2021-04-23 03:13文章编辑:jianzhan浏览次数: 标签:    

--------

浅析网站建设过程

-------p>

用父器皿包裹照片,当访问器的尺寸产生转变时,最先危害到父器皿,而并不是照片

 div 
 img src="FullSizeRender 3.jpg" 
 /div 
 div 
 img src="nu.png" 
 /div 
 div 
 img src="thumbfma.png" 
 /div 
编写 CSS 款式

特定父器皿的呈现方法是 inline-block ,则能够让父器皿的宽度随內容转变而转变

特定照片的宽度为 100% ,则能够让照片的宽度随父器皿宽度转变而转变,并且照片的宽高比应用不会改变

 style type="text/css" 
 .img-wrap {
 display: inline-block;
 .img-wrap img {
 width: 100%;
 vertical-align: middle;
 /style 
Tags:CSS ---------

浅析网站建设过程

------------
相关新闻