Question

我无法理解：我认为我已经以一种重新构建的方式构建了我的CSS，因此在智能手机中查看时它会进行重组。它在调整浏览器页面大小时有效。在检查chrome工具开发人员和我的Nexus 5 chrome浏览器时，它没有。网站是www.peresola.com/index.html。 Css响应部分如下：

＆＃13;

@media (max-width:700px) {
  body {
    font-size:18px;
    
  }
  
    .menu li {
    display:block;
    text-align:center;
    font-size:18px;
    margin: 5px 0;
  }
  
  p {
    font-size:18px;
    width:75%;
    margin:10px auto;
  }
  
  .personPage {
    height:30%;
    width:30%;
  }
  

  
  .socialIcons li img {
    height:50px;
    padding: 10px;
  }
  
  input {
    padding:5px;
    font-size:15px;
  }
  
  .footer {
    font-size:10px;
  }
}

＆＃13;

请注意，我今天将它从500移动到700以进行测试。有人可以帮忙吗？谢谢！

Answer 1

如果您没有视口，请将此<meta name="viewport" content="width=device-width, initial-scale=1">添加到<head>标记

响应css不在智能手机上工作，但致力于调整浏览器的大小

1 个答案: