信息动态

网站设计是技术与创意的融合!

技术资讯

图片宽度自适应 如何通过css控制

2013-12-30 12:09:23

图片宽度自适应，就是青岛网站建设的图片高度设定好最大值，不超过这个高度，而宽度是自适应的，下面方法是通过css控制这种效果，这种方法能够让通过后台上传的产品图或者新闻图，不至于太大而撑破页面布局，特别实用，代码如下：

.abc{max-width:180px; width: expression(this.width > 180 && this.width > this.height ? 180px : 'auto';);}

效果截图：

图片宽度自适应 青岛网站建设

当然，举一反三，图片高度自使用：

.abc{max-height:180px; height: expression(this.height > 180 && this.height > this.width ? 180px : 'auto';);}

也是一样的，将width和height对调即可。通过css统一控制，后期维护也比较方便。

上一篇：div圆角和阴影以及鼠标放上去白色图层渐变CSS控制
下一篇：个性化的网站设计思路-旋转和平移

近期更新

延伸阅读

解决方案

轮胎行业网站设计解决方案 机械行业网站设计解决方案 房地产行业网站设计解决方案 科技企业网站设计解决方案 电子家电网站设计解决方案 食品行业网站设计解决方案 集团公司网站设计解决方案 企事业单位网站设计解决方案 外贸行业网站设计解决方案 健身运动网站设计解决方案 美容与化妆品网站设计解决方案 建筑设计行业网站设计解决方案 物流行业网站设计解决方案

TAGS关键字

SEO 微官网带来的好处 css 扁平化设计 H5定制设计 青岛网站设计哪家好 胶南网站建设公司 外贸网站设计 微信营销的优势 用户界面 网站设计 海信网络科技 GOOGLE html和css 审美 企业网站为什么要备案 力图数字科技 青岛网页设计 网站改版 青岛网站建设公司哪家好 企业建站 网站建设，手机网站 搜索引擎蜘蛛 互联网 良好的导航 青岛网站制作 网站交互设计 青岛品牌网站设计公司哪家好 青岛网站建设 SEO优化

青岛力图数字科技有限公司 2008- 版权所有 鲁ICP备09005893号-6 | 网站地图

青岛网站建设 青岛网站设计 青岛网站制作


0532-85810878 473587358 扫码添加微信

扫码添加微信

 扫码关注公众号

官方公众号