<html> <head> <title>城外诚家居</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="format-detection" content="telephone=no"> <style type="text/css"> body { height: 100%; width: 100%; margin: 0; padding: 0; } img{max-width: 100%;height: auto;width: auto\9;} </style> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- ImageReady Slices (城外诚家居-01.jpg) --> <table id="__01" width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <img src="images/index_01.jpg" width="100%" height="68" alt=""></td> </tr> <tr> <td> <img src="images/index_02.jpg" width="100%" height="73" alt=""></td> </tr> <tr> <td> <img src="images/index_03.jpg" width="100%" height="81" alt=""></td> </tr> <tr> <td> <img src="images/index_04.jpg" width="100%" height="88" alt=""></td> </tr> <tr> <td> <img src="images/index_05.jpg" width="100%" height="95" alt=""></td> </tr> <tr> <td> <img src="images/index_06.jpg" width="100%" height="95" alt=""></td> </tr> <tr> <td> <img src="images/index_07.jpg" width="100%" height="89" alt=""></td> </tr> <tr> <td> <img src="images/index_08.jpg" width="100%" height="96" alt=""></td> </tr> <tr> <td> <img src="images/index_09.jpg" width="100%" height="97" alt=""></td> </tr> <tr> <td> <img src="images/index_10.jpg" width="100%" height="108" alt=""></td> </tr> <tr> <td> <img src="images/index_11.jpg" width="100%" height="157" alt=""></td> </tr> <tr> <td> <img src="images/index_12.jpg" width="100%" height="96" alt=""></td> </tr> <tr> <td> <img src="images/index_13.jpg" width="100%" height="116" alt=""></td> </tr> <tr> <td> <img src="images/index_14.jpg" width="100%" height="130" alt=""></td> </tr> <tr> <td> <img src="images/index_15.jpg" width="100%" height="90" alt=""></td> </tr> <tr> <td> <img src="images/index_16.jpg" width="100%" height="202" alt=""></td> </tr> <tr> <td> <img src="images/index_17.jpg" width="100%" height="117" alt=""></td> </tr> <tr> <td> <img src="images/index_18.jpg" width="100%" height="332" alt=""></td> </tr> <tr> <td> <img src="images/index_19.jpg" width="100%" height="148" alt=""></td> </tr> <tr> <td> <img src="images/index_20.jpg" width="100%" height="102" alt=""></td> </tr> </table> <!-- End ImageReady Slices --> </body> </html>
关键在这段代码:img{max-width: 100%;height: auto;width: auto\9;}
相关推荐
自适应手机端图集图片相册xunruicms网站模板个人写真画册网站源码 自适应手机端图集图片相册xunruicms网站模板个人写真画册网站源码 自适应手机端图集图片相册xunruicms网站模板个人写真画册网站源码 自适应手机端...
电脑上网页自动适应手机触屏wap版网页的尺寸
仿小红书根据图片高度自适应viewpager高度轮播图
当宽度一定时,如满屏,高度自适应 Android代码 继承自imageView
jQuery网页自适应屏幕图片滚动切换 jQuery网页自适应屏幕图片滚动切换
图片自适应
UITableviewCell高度自适应
iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度
1、应用场景:商品详情页面的实现以及其他需要展示大量图片的场景 2、原理文章:...3、核心原理: 3.1)按照图片的原来宽高比进行缩 3.2)UICollectionView的高度自适应
jQuery网页全屏自适应图片瀑布流布局代码
宽度自适应的网页图片展示-适合企业网站,自适应网页宽度或者是屏幕分辨率的变化,左右两边始终是填充满屏显示,仔细看会发现,将图片的背景与Div图片滚动区域相一致,就可快速实现这种效果,这种自适应的图片切换...
自定义viewpager解决scrollview嵌套viewpager不显示和高度自适应
iframe 跨域 自适应高度 模板 iframe 跨域 自适应高度 模板 iframe 跨域 自适应高度 模板
width=100%就可以使得图片宽度充满屏幕,高度自适应
SDAutoLayout实现cell高度自适应 帮你快速搞定cell高度自适应
div+css高度自适应div+css高度自适应div+css高度自适应div+css高度自适应
uniapp swiper 图片高度根据图片宽度自适应; 通过选项卡跳到锚点位置,类似h5单页面通过a链接导航效果; 滑动到某个要素位置时触发事件,如tab选项卡值更改等
如何使网页自适应电脑屏幕分辨率?判断读者浏览器类型和屏幕分辨率,自动调用不同CSS。
实现效果: jQuery网页全屏自适应图片瀑布流布局代码,能够自适应网页的大小,这样的效果还是很酷炫的,在项目中,需要用到瀑布流,还是用自适应的会更佳,php中文网推荐下载!