Html 响应式网站制作技巧

我是一个网络开发新手，但我对这个领域非常感兴趣，关于制作响应性网站

当您隐藏一个html元素（对于桌面视口）并在较小的屏幕上显示另一个html元素时，即使这两个元素具有相同的内容（例如联系人表单），这是一种良好的编程实践吗？我确实隐藏了“html元素”，因为我发现使用媒体查询很困难

注意：问题并不是关于我试图隐藏或显示的html元素的内容。我只是想知道在编程中这样做是否是一种好的做法？谢谢

不

您必须发送两次标记，这会占用更多带宽，并且当CSS没有被应用时（例如，如果它被搜索引擎索引机器人或使用Lynx的人读取），则内容会被复制

---

一般来说，人们想这样做是因为他们想重新排序内容。请看一下使用Flexbox（包括

order

属性）来执行此操作。

答案是否定的，这不是一个好的做法。您需要尽量避免重复桌面和移动设备的相同逻辑元素。尝试使用一个元素，并通过媒体查询对其进行调整。

通常，采用响应式设计的最佳方法是尽可能避免隐藏和显示内容。通常，最好将站点设计为适应元素的大小调整或重新排序，而不是简单地在某些屏幕上删除它们（特别是当您似乎在问是否应该显示具有相同内容的元素时？）

显然，这里的例外是下拉式导航菜单

这就是为什么人们倾向于说你应该首先设计手机。这样，只有最重要的元素才存在，而不是简单地不必要地隐藏元素

---

我希望这是有道理的。你似乎已经理解了媒体查询，所以我建议你练习改变元素，而不是隐藏和显示它们。这种方法对于代码的可访问性和可读性来说不是很好。

我认为这不是一种好的做法。您的html正在膨胀，代码没有额外的重要性

---

遍历html树结构也会变得更加困难。所以这毕竟不是一个好的做法。只要试着用技巧和技巧来达到你想要达到的效果

你隐藏了哪个“HTML元素”？您应该提供一些代码，显示您迄今为止所做的工作以及您希望完成的工作。非常感谢您的回答和解释…我非常感谢您的回答和解释…我非常感谢您的回答和解释…我非常感谢您的回答和解释…我非常感谢您你的回答和解释…我真的很感激