杨晓涛：响应式wordpress网站SEO注意要点之“图片自适应div大小。”

首先需要强调的一点是：有能力的最好做独立移动站点！

响应式网站虽然方便但是就纯SEO优化来说，再牛逼的响应式也比不上独立PC+独立移动的布局。

转入正题 响应式wordpress网站SEO注意要点之“图片自适应div大小。”

一般div的宽度固定之后，我们需要让插入的图片自适应div的大小，常用代码是酱紫的。

<div class="XXXXXXXX">
  <img src="img/0.jpg" width="100%" height="100%" />
</div>

晓涛在用了之后发现图片是自适应了，但是会超出实际图片的大小（max），于是尝试修改为

<div class="XXXXXXXX">
  <img src="img/0.jpg" width="100%" height="100%" style="max-height:图片最大高度; max-width:图片最大宽度"/>
</div>

举例（在弹出窗口插入自适应图片）：

<div class="0">
<p style="text-align:center">
    <img src="http://vz37.com/wp-content/uploads/2017/05/90.png" width="100%" height="100%" style="max-height:415px; max-width:350px;" />
</p>
</div>

用此方法可以使新增图片适应原有div样式，并且不超过图片自身最大值。 具体应用案例的话，你遇到就明白了。

再次重申一遍，有条件有能力最好做独立移动站点，响应式的移动端优化是不如独立移动站点的。

（有人会问，那晓涛你自己怎么不搭独立移动站点？其实瞧瞧的告诉你 我已经在着手搭建了，只是目前还没开放而已）