javascript css html 改变图片大小百分比

我建了一个3行7列的表格table tr td的,放了21张图片铺满了屏幕,可是我希望窗口变小的时候图片也跟着变下,应该怎么实现啊?

第1个回答  2015-04-23
每个图片 都放在一个对应的div 或者li
然后设置 每个div(li)的宽高 用%控制 就OK了 希望采纳追问

在table里添加li标签吗?那添加的<img ... 的话,这个百分比是整个屏幕的还是表格的这个单元格宽的百分比啊?

追答

取li 上一个标签的宽度 比如td是300px 那么 就是td的33%

本回答被网友采纳
第2个回答  2015-04-23
增加控制图片的CSS样式,width用%,不要用px追问

这个图片按百分比的话,图片在表格里,那这个百分比是对应表格宽高还是屏幕宽高啊?

js上传图片压缩-如何利用JS或者CSS样式来自动调整图片大小
js最低能压缩百分之一,最大可放大至原来的5倍2.???最小可缩放至原来的百分之10第二种保持图片宽度长度不变改变图片质量,但不能用于放大图片最小可压缩至原图的百分之一 如何利用JS或者CSS样式来自动调整图片大小 js版和css版自动按比例调整图片大小方法,分别如下:<title>javascript图片大小处理函数<\/...

关于如何利用CSS自动调整图片的大小
1、首先需要新建一个HTML页面。2、然后输入页面的标题,可以按照下方图中的进行设置。3、然后在根据下方图片中的代码进行编辑,4、在两个div的class 中添加相同的控制图片的class名为了 ”img“,并为div添加控制宽度的样式。5、在两个div中加入相同的图片<img src="images\/5.png" \/>,在浏览器打开...

关于jquery 如何自动调整某个div中的图片大小
jQuery调整html对象使用css()方法即可.("#test img").css("width","30px")\/\/设置test下的图片宽为30px ("#test img").css("height","30px")\/\/设置test下的图片高为30px 定义和用法:css() 方法返回或设置匹配的元素的一个或多个样式属性.设置 CSS 属性 设置所有匹配元素的指定 CSS 属性...

如何在html中实现图片的全屏显示效果?
创建包含图片的HTML结构,使用CSS调整图片位置、大小和堆叠顺序,实现全屏显示。设置CSS样式,调整图片的position、top、bottom、left、right属性至100%,确保其占据整个屏幕空间,同时使用z-index属性将图片置于其他元素之上。通过JavaScript监听用户点击事件,当用户点击图片时,将图片的position属性更改为static,...

如何利用JS或者CSS样式来自动调整图片大小
js版和css版自动按比例调整图片大小方法,分别如下:<title>javascript图片大小处理函数<\/title><script language=Javascript>var proMaxHeight = 150;var proMaxWidth = 110;function proDownImage(ImgD){ var image=new Image(); image.src=ImgD.src; if(image.width>0 && image.height>0...

html css 如何吧图片放在最大高度为100*150的框框内,实现图片居中显示...
让图片自动适应DIV容器大小: 这一现象很常见,其实,只须将DIV的大小设置成为100*150。设定img 的宽度为:100%;高度为:100%;即可让图片自动适应DIV容器的大小。图片的宽高百分比设置,图片居中你会的吧。

如何用css或javascript控制图片大小?
<script type="text\/javascript"> function resizepic(thispic){ if(thispic.width>135) thispic.width=135;if(thispic.height>135) thispic.height=135;} <\/script> <img onload=resizepic(this) src="images\/img2.jpg" alt="" \/> 这问题我也遇过,css不太好适应IE8,所以用js来控制了 ...

怎么把网页上的图片放大?
更改为属性后,将图片设置为动画形式,放大1.5倍。4。在设置中找到动画时间,将动画时间设置为3秒。HTMLhover怎么让鼠标移上去图片变大?可以用js事件“onmouseover”和“onmouseout”来实现。1、新建html文档,在body标签中添加图片标签,为这个标签设置“id”属性,然后设置图片的默认显示大小css属性:2、...

javascript 实现图片自动适应DIV的大小并进行拉伸,使图片不重复显示
楼主,这个我接触多了你试试我的.可以的话求采纳。css:.div1{width:100px;}\/\/这个随意设置 .div1 img{width:100%;} html:<div class="div1"><img src="我的图片" \/><\/div>

如何使用CSS调整图片大小的实例代码分享
一、固定大小一般,为了限制图片的大小,会使用下面的HTML属性值或CSS属性值来定义:<img src="http:\/\/www.linuxfly.org\/logo.gif" width="600" height="500" border="0">img { width: 600px; height: 500px;}但这样的设置太死板,不够灵活。二、利用CSS属性值img.qtipImg { max-width: ...

相似回答