将1：1的正方形图像设置为屏幕高度和宽度css的10％-Java 学习之路

将最大高度设置为页面高度的10％ . 最大宽度为页面宽度的10％

例如，如果

页面高度为100px

页面宽度为200px

要么

页面高度为200px

页面宽度为100px

我希望我的图像设置为10px宽和10px高度

10％中较小者;页面的高度或宽度 .

我试过了

width: 10%;
height: 0;
padding-bottom: 10%;

和

max-width: 10%;
max-height: 10%;

但它们只受页面宽度的影响，而不是高度 .

1 回答