css 操纵照片尺寸 小于固定不动值 操纵尺寸

日期:2020-09-29 类型:科技新闻 

关键词:html网页制作,php网页制作,网页设计稿,网页编辑工具,学生网页设计模板

今日在做CMS模版的情况下,文章内容网页页面必须这个编码完成,找了1段,放在这里做备用。哈哈。
第1次找的这个不太行。
<A href="" target=_blank><IMG src="" onload="javascript:if(this.width>screen.width⑸00)this.width=screen.width⑸00"></A>
JS的设计风格,很反感。
第2次找的非常好。能用。可是一些是CSS3里的,现阶段还适用的不大好,特别对我这类还滞留在IE6的客户,1般做站基础在IE6和FireFox中根据,FireFox中不必有太大的形变便可,很反感那个margin,IE和FF适用的值不一样,许多情况下就找其他方法填补。
照片全自动融入尺寸是1个十分常见的作用,在开展制做的情况下以便避免照片撑开器皿而对照片的规格开展必要的操纵,大家可不能以用CSS操纵照片使它自融入尺寸呢?
  大家想起了1个较为简易的处理方式,尽管并不是十分的完善,假如您的规定并不是十分高,早已能够考虑你的必须了。大家看下面的编码:

拷贝编码
编码以下:

div img {
max-width:600px;
width:600px;
width:expression(document.body.clientWidth>600?"600px":"auto");
overflow:hidden;
}

 ◎ max-width:600px; 在IE7、FF等别的非IE访问器下最大宽度为600px。但在IE6中失效。
 ◎ width:600px; 在全部访问器中照片的尺寸为600px;
 ◎ 当照片尺寸超过600px,全自动变小为600px。在IE6中合理。
 ◎ overflow:hidden; 超过的一部分掩藏,防止操纵照片尺寸不成功而引发的撑开形变。