dede织梦缩略图中让图片根据浏览器的大小

在小溪的淙淙声中,饱含树脂的幼芽在开放,水下的草长出水面,岸上青草越发繁茂。雨滴从屋檐、墙头、树叶上跌下,就如同断了线的珠子一样,最后连在一起,形成水柱。
在dede织梦不同的浏览器中看网页,可能会有很大的图片出现,这样就会因为浏览器的大小而让出现大小不一的图片,在后台设计图片的时候就可以把所有的图片都放置在一个.pic中,然后设置.pic的大小就可以了。 就像是html中的这样的代码: <li><a class="pic"><img src="/images/91.jpg" /></a></li> 这样就可以控制.pic的大小了,在css中设置对.pic的控制: a.pic {width:160px; height:120px; border:1px solid #E2E2E2; background:#F6F6F6; display:table-cell; overflow:hidden; vertical-align:middle; text-align:center; *display:block; *font-size:105px; *font-family:Arial;} a.pic img {max-width:160px; max-height:120px; vertical-align:middle;} 这样就可以不会出现因为浏览器的大小而出现图片变形的问题,还可以通过max-width:160px;max-height:120px;vertical-align:middle;来调节缩略图的比例,如果想要改变,只要更改其中的数值就可以了。

到此这篇关于dede织梦缩略图中让图片根据浏览器的大小就介绍到这了。你跟别人的差距,不在于你走的慢。而在于,别人走的时候,你一直在看。更多相关dede织梦缩略图中让图片根据浏览器的大小内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

标签: 图中 dede