使段落最大宽度限制符合img

Question

我有一个基本的网页。这是迄今为止的演示：http://jsfiddle.net/ysuzL3n3/

从我的CMS生成的代码在我的img标记周围添加了一个段落标记。

有没有办法在max-width:100%上强制使用<p><img src...，以便它能像上一张图​​片在演示中那样工作？

代码：

p {
    max-width:200px
}

img {
    max-width:100%
}

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquet tortor eu aliquam sodales. Cras non nisi in sem egestas placerat.</p>
<p><img src="http://placehold.it/1400x400" /></p>
<img src="http://placehold.it/1400x400" />    

Answer 1

p {
    max-width:200px
}

img {
    max-width:100%;
}
p img{
    max-width:100vw;
    width:auto;
}
body{
    margin:0;
}

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquet tortor eu aliquam sodales. Cras non nisi in sem egestas placerat.</p>
<p><img src="http://placehold.it/1400x400" /></p>
<img src="http://placehold.it/1400x400" />    

Answer 2

试试这个

p img {
    max-width:100%
}

Answer 3

更改以下内容：

p {
    max-width: 200px;
}

p img {
    max-width: 100%;
    width: auto;
}