完美解决phpcms图片太大撑破表格图片自适应图片按比例缩小
<div><p>
<span>CSS Code</span><span>复制内容到剪贴板</span></p>
<div id="code_9469">
<ol>
<li>
<p>
<span>img,a img{ </span></p>
</li>
<li>
<p>
<span>border</span><span>:0; </span></p>
</li>
<li>
<p>
<span>margin</span><span>:0; </span></p>
</li>
<li>
<p>
<span>padding</span><span>:0; </span></p>
</li>
<li>
<p>
<span>max-width</span><span>:</span><span>590px</span><span>; </span></p>
</li>
<li>
<p>
<span>width</span><span>:expression(this.</span><span>width</span><span>>590?</span><span>"590px"</span><span>:this.</span><span>width</span><span>); </span></p>
</li>
<li>
<p>
<span>max-height</span><span>:</span><span>590px</span><span>; </span></p>
</li>
<li>
<p>
<span>height</span><span>:expression(this.</span><span>height</span><span>>590?</span><span>"590px"</span><span>:this.</span><span>height</span><span>); </span></p>
</li>
<li>
<p>
<span>} </span></p>
</li>
</ol>
</div>
</div>
<p>
<strong><font>上面的代码会出现2个问题！</font></strong><br><span>1、会把图片变的非常小。要刷新一次才能正常显示！</span><br><span>2、图片不会按比例缩小，图片严重变形！</span><br><strong><font color="#ff0000">修改如下：</font></strong></p>
<div>
<p>
<span>CSS Code</span><span>复制内容到剪贴板</span></p>
<div id="code_4134">
<ol>
<li>
<p>
<span><!-- Begin CSS 控制图片大小 09.1.15 --> </span></p>
</li>
<li>
<p>
<span><style type=</span><span>"text/css"</span><span>> </span></p>
</li>
<li>
<p>
<span><!-- </span></p>
</li>
<li>
<p>
<span>img,a img{ </span></p>
</li>
<li>
<p>
<span>border</span><span>:0; </span></p>
</li>
<li>
<p>
<span>margin</span><span>:0; </span></p>
</li>
<li>
<p>
<span>padding</span><span>:0; </span></p>
</li>
<li>
<p>
<span>max-width</span><span>:</span><span>650px</span><span>; </span></p>
</li>
<li>
<p>
<span>width</span><span>: expression(this.</span><span>width</span><span> > 650 && this.</span><span>width</span><span> > this.</span><span>height</span><span> ? </span><span>650px</span><span> : </span><span>'auto'</span><span>;); </span></p>
</li>
<li>
<p>
<span>max-height</span><span>:</span><span>1650px</span><span>; </span></p>
</li>
<li>
<p>
<span>height</span><span>: expresion(this.</span><span>height</span><span> > 1650 ? </span><span>1650px</span><span> : </span><span>'auto'</span><span>;); </span></p>
</li>
<li>
<p>
<span>} --> </span></p>
</li>
<li>
<p>
<span></style> </span></p>
</li>
<li>
<p>
<span><!-- End CSS 控制图片大小 09.1.15 --> </span></p>
</li>
</ol>
</div>
</div>
<p>
把上面的代码放在网页模板的 <head></head>之间。</p>
<p>
以上就是小编为大家带来的完美解决phpcms图片太大撑破表格图片自适应图片按比例缩小全部内容了，希望大家多多支持~</p>
頁:
[1]