Не отвечает CSS для части представления iPhone ⇐ CSS

[Гость]

У меня есть веб-сайт, на котором часть представления телефона не реагирует на изменения CSS. Это новая проблема. Это CSS, относящийся к моим сообщениям в блоге, которые не реагируют. Изменения на целевой странице отражаются, как и изменения в разделах сообщений в блоге, на ширине компьютера, поэтому я знаю, что ширина iPhone связана с моим CSS, и проблема не в разделах. Я очистил кеш, но не могу понять, почему эти элементы div не реагируют на ширину iPhone.
Я редактировал CSS ниже, и ничего не изменилось.

Код: Выделить всё

@media screen and (max-width: 750px) {
.homepage {
font-size: 40px;
text-align: center;
border-radius: 2px;
width: 200%;
padding: 20px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
border-radius: 3px;
background-color: cadetblue;
text-decoration: none;
}
.blurb {
width: 100%;
margin-left: 60px;
/* Center the .blurb horizontally */
font-size: 30px;
margin-bottom: 10px;
}
.document {
margin-left: 220px;
margin-right: 220px;
margin-bottom: 75px;
font-size: 21px;
line-height: 1.3;
font-family: Times, serif;
}
}

Код: Выделить всё

 [url=https://betterandbad.com/]Better & Bad[/url]



Myth of Income Inequality

The Census Bureau uses a deeply flawed definition of income inequality, inflating the true value by a factor of 4

[img]https://i.imgflip.com/895ivf.gif[/img]

Источник: https://stackoverflow.com/questions/781 ... phone-view