自動調整照片大小與HTML（CSS不？）

公司我用我的網站（WordPress的基礎）具有「自動博客」，但一些員額具有針對屏幕的方式過大的圖像。我希望能夠粘貼代碼以確保長邊只有500px，但保持比例正確。我是新手，所以請讓我知道在頁面的哪個位置粘貼代碼。提前致謝！！！ http://embarkre.com/category/real-estate-news 自動調整照片大小與HTML（CSS不？）

示例代碼：

<div> 
 
<p class="subtitle">ESCAPE One is a road-ready tiny home with 276 square feet of adaptable space.</p> 
 

 
<figure><img src="https://s3-us-west-2.amazonaws.com/dwell-ugc/photos/6063391372700811264/6301479718082105344/large.jpg" alt="" width="700" height="467" /></figure> 
 
<div> 
 

 
For those looking to downsize, Wisconsin-based builder of tiny homes-on-wheels <a href="http://www.escapetraveler.net/" target="_blank">ESCAPE</a> has launched its latest unit, the <a href="http://www.escapetraveler.net/model-one" target="_blank">ESCAPE One</a>. The 276-square-foot Park Model RV resembles a minimalist cottage with a shou-sugi-ban exterior and clean, pine interiors, and can sleep up to four people. 
 

 
</div> 
 
<figure><a href="https://www.dwell.com/article/hit-the-road-with-this-shou-sugi-ban-trailer-asking-just-under-dollar50k-d5961fd8/6301479715116331008"><img src="https://s3-us-west-2.amazonaws.com/dwell-ugc/photos/6063391372700811264/6301479715116331008/large.jpg" alt="" width="1600" height="1066" /></a> 
 
<figcaption>ESCAPE RV/Steve Niedorf </figcaption></figure> 
 
<div>

來源

2017-08-10 Luke Walker

嘗試增加你的HTML的HEAD部分內以下。

<style> 
    img { 
    max-width: 500px; 
    height: auto; 
    } 
</style>

來源

2017-08-10 20:25:10

自動調整照片大小與HTML（CSS不？）

回答

相關問題