gpt4 book ai didi

php - 在移动设备中查看桌面站点(使用较少的框架)

转载 作者:搜寻专家 更新时间:2023-10-31 21:10:57 26 4
gpt4 key购买 nike

我在我的网站上使用了更少的框架。对于移动屏幕分辨率,提供了一个名为“查看完整站点”的按钮。点击时,需要显示网站的桌面版本。简而言之,媒体查询应该自动更改为默认值。但我不知道该怎么做。我知道如果我简单地制作 2 个单独的版本会很容易——一个用于移动设备,一个用于桌面。但我想知道一种使用更少框架获得桌面版本的方法。

最佳答案

解决此问题的一种方法是在您的 <html> 上设置或删除一个类或 <body>基于用户选择的标签。

例如,默认情况下你可以

<html class="responsive">

然后,在您的媒体查询中,为所有内容加上此类前缀

@media (max-width: 767px) {
// using LESS syntax here, otherwise, prefix each selector with .responsive
.responsive {
// all your CSS for small screens
}
}

然后,您可以根据点击查看完整站点 按钮,为用户偏好设置 cookie 或某种其他形式的持久值。检测此值并使用它来删除 responsive来自文档元素的类,例如(在 <head> 中)

<script>
if (full_site_requested) {
document.documentElement.className = document.documentElement.className.replace('responsive', '');
}
</script>

关于php - 在移动设备中查看桌面站点(使用较少的框架),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19533156/

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