所以我一直试图创建一个简单的页面,其中图像占据了100%的高度,并带有一个小侧边栏。我想在调整窗口大小时调整图像大小。当我垂直调整窗口大小时,宽度保持不变,这不是我想要的(我希望它保持它的纵横比,无论窗口大小如何)。我真的不喜欢这种扭曲,但我不确定如何修复它。知道我做错了吗?
.big-image {
max-height: 100%;
min-width: 20%;
margin: auto;
overflow: hidden;
}
答案 0 :(得分:0)
您可以将图片的height
或width
设置为auto
,并使用设置的大小控制其他属性,无论是百分比还是px。当您使用其他属性控制图像的大小时,auto
应该保持图像的宽高比。
答案 1 :(得分:0)
max-width:100%
和height:auto
将有效。当应用max-width:1000%;它将占用容器的宽度,高度将按比例变化。
答案 2 :(得分:0)
将if (context.CanEvaluatePolicy(LAPolicy.DeviceOwnerAuthenticationWithBiometrics, out AuthError)){
var replyHandler = new LAContextReplyHandler((success, error) => {
this.InvokeOnMainThread(()=> {
if(success)
{
Console.WriteLine("You logged in!");
PerformSegue("AuthenticationSegue", this);
}
else
{
// Show fallback mechanism here
}
});
});
context.EvaluatePolicy(LAPolicy.DeviceOwnerAuthenticationWithBiometrics, myReason, replyHandler);
};
或display: block
设置为display: inline-block
课程,以便.big-image
和max-height
属性生效。这些属性以及min-width
,height
,width
,min-height
,max-width
,padding-top
,padding-bottom
和{{1 }}不适用于内联元素。