![]() |
如何图片太大撑破表格图片自适应图片按比例缩小问题
打开skin/default/css/style.css,
css里加这个 img { max-width:560px; myimg:expression(onload=function(){ this.style.width=(this.offsetWidth > 560)?"560px":"auto"} ); } 上边的代码在默认情况下是控制整个网站的,这样就出现一个问题, 首页中间的长图片条也被缩小了。 可以用下边的思路解决问题。 我们可以给不同的内容模板设置不同的css文件。如“默认新闻内容模板 ”页,打开它,将 <link href="[!--news.url--]skin/default/css/style.css" rel="stylesheet" type="text/css" /> 改成: <link href="[!--news.url--]skin/default/css/newstyle.css" rel="stylesheet" type="text/css" /> 然后再进入skin/default/css,复制一个style.css,并将复制的文件改成newstyle.css, 然后再打开newstyle.css, 将 img css控制代码改成: img { max-width:560px; myimg:expression(onload=function(){ this.style.width=(this.offsetWidth > 560)?"560px":"auto"} ); } 这样就不要改style.css中的img css了。 |
| All times are GMT +8. The time now is 06:06 AM. |
Powered by vBulletin Version 3.8.7
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.