最近剛開始使用Next的Image，然後有看到文檔說width和height都要設定，不然就是要設定layout:'fill'。
想請問如果有不清楚圖片大小比例的情況，該如何設定?
以前在用img標籤的時候，我都是只設定width，然後height就會自動等比例設定好，但是用Image的話就不能只設定width而已。
<Image
height="300px"
width="300px"
src="http://localhost:3000/images/pic1.jpg"
></Image>
<img style="width:300px" src="http://localhost:3000/images/pic1.jpg"></img>
已邀請的邦友 {{ invite_list.length }}/5
img{
width:???px;#自定義的
height:auto;
}
現在要等比例的話。以前的確是設定單一邊就好。
但現在最好設完單一邊。另一邊還是給他auto。
才會等比例。
原理，我不知道。
要問一下會CSS的人。因為我也是有一樣的問題過。是切版人員告訴我要這樣設定。
也的確設定好就行了。
iThome鐵人賽
看影片追技術