我在 Django 上构建响应式网站。
在笔记本电脑上以 iPhone 12 分辨率查看我的网站时,一切看起来都很好。但是当我在 Safari 上进入网站时,部分设计呈现不正确。
例如,这是按钮在 chrome 上的样子:
这就是按钮在 safari 上的样子:
这是一个按钮 CSS 代码:
.close-button {
width: 40px;
height: 40px;
border-radius: 50px;
cursor: pointer;
border: none;
font-weight: 500;
position: relative;
left: 300px;
bottom: 334px;
color: black;
}
按钮 Html 代码:
<button class="close-button" onclick="drums()">×</button>