您好,欢迎来到学长源码!
热门推荐: html模板 网站模板 magento主题 织梦模板 微信小程序 h5小游戏 Linux教程 源码教程 数据库教程 Magento 2文档 android教程 IOS教程 DedeCMS文档 微信开发

JSP源码

C#源码

企业网站

解决phpcms图片太大撑破表格图片自适应按比例缩小

分类:phpcms教程 来源:网络收集 发布:学长源码 时间:2017-10-22

下面小编就为大家带来一篇完美解决phpcms图片太大撑破表格图片自适应图片按比例缩小。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

img,a img{
border:0;
margin:0;
padding:0;
max-width:590px;
width:expression(this.width>590?"590px":this.width);
max-height:590px;
height:expression(this.height>590?"590px":this.height);
}

上面的代码会出现2个问题!
1、会把图片变的非常小。要刷新一次才能正常显示!
2、图片不会按比例缩小,图片严重变形!

修改如下:

<!-- Begin CSS 控制图片大小 09.1.15 -->
<style type="text/css">
<!--
img,a img{
border:0;
margin:0;
padding:0;
max-width:650px;
width: expression(this.width > 650 && this.width > this.height ? 650px : 'auto';);
max-height:1650px;
height: expresion(this.height > 1650 ? 1650px : 'auto';);
} -->
</style>
<!-- End CSS 控制图片大小 09.1.15 -->

把上面的代码放在网页模板的 <head></head>之间。

以上就是小编为大家带来的完美解决phpcms图片太大撑破表格图片自适应图片按比例缩小全部内容了,希望大家多多支持学长源码~

转载请注明:学长源码 » 解决phpcms图片太大撑破表格图片自适应按比例缩小

上一篇 下一篇

图文推荐