I'm working on a responsive website project, but because of some reason the media query doesn't work on IPhone(while it works perfectly on other devices). Since I have quite a lot of code, I created a new empty HTML file to show the issue. In the following example the background-color is not changing if I open the website on IPhone. The page is: https://dobrocenter.fi/test.html Where is the issue and how to solve it? Thank you! Here is my HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./test.css">
<title>Document</title>
</head>
<body>
</body>
</html>
And CSS:
body{
background-color: #000;
}
@media(435px>=width) {
body{
background-color: #e64f4f;
}
}