当前位置:起点学习辅导网培训频道电脑知识学习应用技巧网页图片大小自适应方法

网页图片大小自适应方法

08-08 09:42:54浏览次数:785栏目:应用技巧
标签:电脑技巧,电脑基础教程,计算机基础知识, 网页图片大小自适应方法,

网页中图片大小自适应,在我们编写网页时,有时图片太宽会将网页撑开,图片能自动适应网页吗,即图片太大时会自动缩小到固定大小。


www.qidian55.com为电脑初学者的疑难杂症提供最佳解决方案。
 

网页图片大小自适应方法:

实现图片大小自适应可以用JavaScript实现也可以使用css实现,我们看看css实现方法,在<style></style>中添加如下代码:

img{ max-width:650px;width;expression(this,width>650&&this.width>this.height? 650px:'auto';)max-height:1650px;heiht;expresion(this.height>1650 ? 1650px:'auto');}

以上代码就是如果图片超过650px就会自动缩小到650px,从而不影响页面效果。

,网页图片大小自适应方法
《网页图片大小自适应方法》相关文章
给资讯打分:
网友评论: