当前位置:编程学习 > JS >>

如何利用JS或者CSS样式来自动调整图片大小

RT,图片是用HTML编辑器上传到数据库的,提取出的时候,直接将<img src="图片">这个代码提取出来,这种情况怎么控制图片的大小,使图片不会超过表格大小,缩放时也不能变形。
答案:这个使用CSS可以控制,一般看你的图片是哪种比例的,如果不想图片变形的话,只设置宽或者高,如:
img{ width:50px;} 或者 img{height:50px;}
这样的结果是,图片本身的大小并没有改变,但这个img标签显示出来的图片是被压缩显示的。
利用JS来调整的原理是:获得图片的宽和高,然后去与父容器的宽高相比,取比例大的来父容器值对img进行样式设置,比如:图片宽/父容器宽 = 3, 图片高/父容器高 = 2,那么取父容器的宽,把这个值通过JS设置给img标签。
其他:有两个页面用不着用到js,在1的页面设置字体大小为10,即font-size:10px; 在2的页面设置字体大小为18,即font-size:18px;就可了,点哪个链接就进哪个 我不是学这语言的 2楼的能够解决CSS控制图片尺寸的问题,但是还不够灵活,我在他的基础上补充一下,
可以这样,如果你的图片的最大宽度不能超过600

只要在CSS里面加句就可以

#content img{max-width:600px;}

上一个:js onclick参数未定义
下一个:? 问号在js里面是什么意思

CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,