怎么给WordPress网站加响应式图片

现在的网站大部分都是响应式网站了,但是,如果你想单独给网站加一张图片,而这张图片恰好可能就不会响应式了,怎么办呢?

首先,我们需要把图片代码加搞好,顺带给图片做个超链接,如下面


《a href="网址">《img class="img-responsive" src="图片地址" alt="标题" />
 

懂的人,一看就很明白了嘛,要把书名号给改了。和一般的html代码多了一个class参数呀,这个就是控制图片尺寸大小的,现在只需要调用这个参数就可以了,于是在CSS里面加入这个就可以了。


.img-responsive {
  display: inline-block;
  height: auto;
  max-width: 100%;
}
 

这个代码也简单了,可以让图像按比例缩放,不超过其父元素的尺寸。

评论0

请先

没有账号? 注册  忘记密码?