HTML和CSS
.pickthetime {
height: calc(var(--vh, 1vh) * 3);
width: calc(var(--vw, 1vw) * 25);
align-content: center; // center looks better, also tried left to stop it from breaking a new line on Safari on iOS
font-weight: 300;
}
<input class="pickthetime" type="time" id=&
我刚刚完成了FrontEnd Mentor的挑战,正在给一个朋友发短信炫耀/庆祝我的演示链接。但当我打开手机上的链接时,我注意到格式全乱了。后来我在Safari上打开了这个网站,div.selected-plan的高度变得乱七八糟。 这是它在我的Chrome机器上的样子。 ? 和变形的Safari版本。 ? 这样你就可以查看Link to the live site /css了。 为什么Safari会扭曲事物,我如何防止它在未来发生?