我是一个在Django上构建响应式网站的人。
当我在笔记本电脑上用iPhone 12分辨率看我的网站时，一切看起来都很好。但是当我在Safari上输入网站时，有些部分的设计呈现得不正确。
例如，这是按钮在chrome上的外观：
这是巴顿在狩猎中的样子：
这是一个按钮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>
1条答案
按热度按时间yhived7q1#
CSS可以在不同的浏览器之间呈现不同的效果。我会研究特定的CSS特性，看看你是否必须改变它或添加一个不同的特性，以便在Safari中正确呈现。
您还可以使用开发工具并检查它以查看究竟发生了什么。