图片自适应大小

用jQuery和Css控制图片的大小

<script type="text/javascript">
    $(document).ready(function() {
        var imgWidth = $(window).width();
        $("#InfoContent img").css("width", imgWidth);
    });
</script>

首先获取界面的宽度

然后将宽度追加到img的样式中即可。

时间: 2024-10-18 11:44:27

图片自适应大小的相关文章

iOS HTML 字符串中的图片 自适应大小

本文原文地址:http://www.cnblogs.com/qianLL/p/6095988.html 有时候 我们接收数据的时候  后台给的数据室一串HTML 的字符串  但是 我们要显示出来  这是 我们会发现文字可以自适应大小,但是有些图片并不能自适应大小 这是 我们就需要去修改img的CSS样式 但是我们添加一个style 对所有的img标签 进行控制  是可以  但是 如果出现这种<img style ="width = ;height= px" 这种的话 我们就没办法

关于在移动网页中图片自适应大小的写法

一般在移动网页时,图片属性写成如下就可以达到自适应大小 <style type="text/css"> .nameg{background: rgba(000,000,000,0.6);} .nameg div{float: left;} .nameg .a1{width: 10%;background:#000000;} .nameg .a1 img{width: 100%;height: 100%;display: block;} .nameg .a2{width: 9

div+css怎么让图片自适应大小

意思是图片能百分百显示在容器里,这个容器可以是table的td,也可以是DIV.以下用div做容器来说明.图片随页面的变化而变化,那么最好把div的宽度设置成百分比,而不是像素,这样div就不会被固定大小,从而能自适应页面的大小.<div style=" width="x%"> <!-------x%你可以自己设置,比如50%,80%,100%等--------><img style=" width="100%" s

背景图片自适应大小

如果图片比较大,比如200x200, 那么显示的图片会随着input type="image" 的 width/height变化 <input type="image" style="width:20px;height:20px;" src="../../../Images/xxx.png">

纯js实现div内图片自适应大小

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Ty

背景图片自适应大小(css3)

body { background: url(/img/index.jpg) no-repeat center center fixed; background-size: 100%; } 原文地址:https://www.cnblogs.com/Harold-Hua/p/10960587.html

cell添加选中时的背景图片、显示图片和图片自适应框的大小

1.给cell添加选中时的背景图片 UIView *myview = [[UIView alloc] init]; myview.frame = CGRectMake(0, 0, 320, 47); myview.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"0006.png"]]; cell.selectedBackgroundView = myview; 2.显示图片 CGRect my

atitit.自适应设计悬浮图片的大小and 位置

#--------最好使用relate定位.. 中间,图片的大小和位置走能相对table, 没有遮罩左的或者哈面儿文本的问题,要悬浮,使用top:-15 负值,, #--------悬浮位置top的问题,因为相对高度.. 子能使用js解决,计算top负值.. function iniBonusPicPostion() { var mainmainxTop = $("#mainmainx").position().top; var mainxHeight = $("#mainm

背景图片自适应分辨率浏览器大小自动拉伸全屏代码

<div id="web_bg" style="position:absolute; width:100%; height:100%; z-index:-1"> <img style="position:fixed;" src="http://a.lanyes.org/bg1.jpg" height="100%" width="100%" /> </div&