署理加盟 2019全新署理方案 挣钱+省钱左右开弓,独立渠道,丰盛赢利!

您现在的方位: unibet网 > 站长学院 > 建站教程 >

网站自习惯布局JS操控图片高度等于宽度

来历:不知道 发布时刻:2019-03-30热度:我要谈论
PC和WAP端自习惯布局对用户体会非常好,因为两个渠道的URL只要一个,不存在权重涣散的状况。规划起来外表杂乱,其实比规划两个不同的模板更简略些,风格一般简练大气。假如两个款式差异太大,仍是应该挑选分隔规划。 网站自习惯比较难处理的是图片,一般图片CSS用百分...

unibet注册unibet淘宝店开业,好礼送不断

       PC和WAP端自习惯布局对用户体会非常好,因为两个渠道的URL只要一个,不存在权重涣散的状况。规划起来外表杂乱,其实比规划两个不同的模板更简略些,风格一般简练大气。假如两个款式差异太大,仍是应该挑选分隔规划。

自习惯布局图片高度等于宽度

       网站自习惯比较难处理的是图片,一般图片CSS用百分比来操控,比方

<ul class="imgbox">
 <li><a href='#'><img src="http://www.vi586.com/images/1.jpg"></a></li>
 <li><a href='#'><img src="http://www.vi586.com/images/2.jpg"></a></li>
</ul>

css款式挑选器写法

@media screen and (判别特点){
css款式
}

      不过多解说, 看事例:

<style>
/*屏幕(浏览器)不小于1201px的款式*/
@media screen and (min-width:1201px){
.imgbox li{float:left;width:50%;height:auto}
}
/*屏幕(浏览器)不大于1200px的款式*/
@media screen and (max-width:1200px){
.imgbox li{float:none;width:100%;height:auto}
}
</style>

       以习惯不同的设备拜访,但宽度和高度都变自习惯后,假如每张图片宽高不一样,排版就会呈现紊乱,一般以最高的那张图为下一张图的起点,呈现空白。只能经过JS操控高度。比方高度等于宽度:先引证jquery,自己下一个。在</head>或</body>前增加代码

<script type="text/javascript">$(document).ready(function(){$('.imgbox img').css('height',$('.imgbox img').css('width'));})</script>

本文地址:https://www.m88nob1.com/news/1365.html

    责任编辑:unibet网

    宣布谈论

    谈论列表(条)