您现在的位置: > 网站建设

使用CSS控制图片等比例缩放

来源:www.hunanwangzhan.com 发表时间:2021-10-16 作者:网站建设
20
Jun
2015
【摘要】正确的网站网页设计,能够让用户对网页推荐的产品记忆更将深刻,网页设计是一种突出界面视觉层次关系中一个重要手段,会让重要的更加重要,不重要的更加被边缘化,网页主次设计,就是要把最为重要的内容或者产品放到最为明显的位置上,次要的功能和产品就放到一般的位置上,而不重要的内容或者产品就放到不显眼的地方,当然,这是一个动态的设计,因为随着网站运营发生变化,产品的关注度也会因此不同,不过,只要是想要主打某个产品,就要放到网页重要的位置上,做到主次分明。
img {max-width:1228px; max-height:745px; scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 1228 ? "1228px" : "auto"):(this.style.height = this.offsetHeight >= 745 ? "745px" : "auto")); display:inline !important;}

将以上的CSS应用到相应的图片上即可使图片等比例缩放了

注意:max-width后面的数值是图片的指定宽度,修改他的值的时候也需要同时修改其他地方相对应的宽度值使其对应
      max-height的值与max-width的值一样。
相关新闻
首页 | 网站建设 | 网站优化 | 微信网站 | 手机网站 | 服务客户 | 关于我们