当我将屏幕大小调整为移动设备时，我的网站移动视图在桌面上正确显示隐藏元素，但在我的手机上它们没有隐藏

Posted 2023-03-31

【中文标题】当我将屏幕大小调整为移动设备时，我的网站移动视图在桌面上正确显示隐藏元素，但在我的手机上它们没有隐藏

【英文标题】：My website mobile view displays hidden elements properly on desktop when I resize screen to mobile but on my phone they are not hidden

【发布时间】：2021-12-22 18:14:06

【问题描述】：

所以我在我的 css 文件中有这段代码，用于隐藏我网站顶部栏中的某些项目，当我在桌面上查看网站并使用移动视图检查时，我想要隐藏的项目被正确隐藏，但是当我转到在我手机上的网站上可以看到这些项目。

@media screen and (max-width: 768px) 
  #topbar 
    height: 50vh;   
  
  #topbar img 
    max-height: 90px;
  
 #topbar .social-links a 
    display:none;
  
  #topbar .logo 
    display:flex;
    align-content:space-evenly;
  
  #topbar i 
    display:none;
  
  #topbar a 
    display:none;
  

【问题讨论】：

希望您在清理手机浏览器缓存后重试。

哈哈 没想到，成功了！ @王银兴

【参考方案1】：

希望你清理手机浏览器缓存后再试。

谢谢。

问候。

【参考方案2】：

请您尝试清理浏览器缓存。 可能是浏览器问题。