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

下面小编就为大家带来一篇完美解决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图片太大撑破表格图片自适应图片按比例缩小全部内容了。

posted @ 2022-04-02 09:52 ninama 阅读(138) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

【推荐】还在用 ECharts 开发大屏？试试这款永久免费的开源 BI 工具！
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步

相关博文：

· 帝国CMS图集PHP调用代码及调用图集第一张图片

· phpcms v9 彻底去除自带的水印功能的方法

· 织梦CMS图片太大自动按比例缩放

· php网站修改图片大小，如何高效调整PHP网站图片尺寸

· img自适应屏幕大小

阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· AI技术革命，工作效率10个最佳AI工具