gpt4 book ai didi

javascript - CSS 响应式设计 : hiding doesn't make a page from rendering

转载 作者:太空宇宙 更新时间:2023-11-03 17:36:21 24 4
gpt4 key购买 nike

假设在一个页面上,我想根据用户的设备显示两个版本的模板。

例如,我实现了如下代码。

<div class="desktop">
<body>
Hi Desktop user
</body>
</div>

<div class="mobile">
<body>
Hi mobile
</body>
</div>

这适用于媒体查询,但对于 javascript,我意识到 $('body') 实际上返回了两个对象。虽然用户看不到该元素,因为 .desktop 在移动设备上设置为 display:none,但似乎已呈现 html 元素。在这种情况下,它仍然是一种好的做法还是我应该避免做这样的事情?

最佳答案

对我来说,这不是很好的做法。因为页面上有 2 个元素,所以浏览器将呈现哪个元素。对于他(浏览器),它不计量,是否可见此元素。来自 css 的媒体查询可以在一个元素上执行所有相同的操作。而且会更快。或者使用服务器端来了解您应该显示哪种模板 - 移动或桌面。

关于javascript - CSS 响应式设计 : hiding doesn't make a page from rendering,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29721307/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com