html - 隐藏/显示 div 是响应式设计的最佳实践吗？

Question

我是响应式设计的新手，我注意到实现它的一种方法是根据屏幕宽度隐藏和显示 div。例如:

@media screen and (min-width: 30em) and (max-width: 60em) {

    #desktop { visibility:hidden; }
    #mobile { visibility:visible; }
}

#desktop { visibility:visible; }
#mobile { visibility:hidden; }

这被认为是“最佳实践”还是有推荐的方法？

Answer 1

在我的网站中，只有在不涉及双重加载 Assets (例如不同大小的图像等)的情况下，我才会这样做。有时隐藏/显示 div 是将复杂网站转换为简单移动网站的唯一方法.另一个警告是复制您的导航元素，因为 Google 会因页面上的链接过多而受到惩罚。