У меня есть веб-сайт, который я создаю для себя, и он прекрасно работает на всем, кроме Safari на моем iPhone 11 Pro, который работал нормально при первой загрузке страницы, но никогда после этого при попытке обновить sh это. С приложением Chrome оно даже корректно изменяет размер, когда я изменяю некоторые элементы и переосмысливаю sh. Я пропустил запросы @media на данный момент, потому что я пытаюсь выяснить эту проблему. Вот мой CSS файл:
#text, .desc {
font-family: calibri, times-new-roman;
font-size: 14px;
}
.topbar {
height:100%;
width:100%;
}
#headings {
font-family: arial, times-new-roman;
text-align: center;
font-family: candara;
}
table {
text-align: center;
font-family: arial;
border-collapse: collapse;
background-color: #c2c2c2;
}
#mypicture {
border-radius: 50%;
}
th {
text-align: center;
}
button {
height: 2%;
border: 2px solid black;
background-color: "#34c9eb";
cursor: pointer;
}
table {
border: 3px solid black;
padding: 1px;
}
th {
border: 3px solid black;
padding: 1px;
}
button {
width: 100px;
}
@media print {
#mypicture {
visibility: hidden;
}
}
Я знаю, что он действительно неорганизован, просто потому, что я пытался выяснить для него запрос @meida. Почему мое сафари не меняется, когда я настраиваю, скажем, размер границы таблицы? Он очень хорошо меняется, когда я переосмысливаю sh в приложении chrome или любом другом устройстве (Chrome на ноутбуке, Safari на iPhone 6s от отца и т. Д. c). Вот основная часть моего HTML файла:
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Matthew Vandenberg</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>