开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >当调整大小到移动，然后返回到桌面时，媒体查询问题

问当调整大小到移动，然后返回到桌面时，媒体查询问题
EN

Stack Overflow用户

提问于 2013-11-13 13:08:04

回答 1查看 55关注 0票数 0

我有一个网站，它使用不同的菜单为移动设备与桌面版本使用媒体查询。如果我将桌面浏览器窗口的大小调整为移动宽度，然后单击移动导航下拉按钮，然后将窗口调整为桌面大小，则移动菜单仍然可见，而不是更改回显示:无。不幸的是，这个站点还在准备阶段，所以我不能给您展示一个活的例子，但是我希望有人能为我指出正确的方向，一旦窗口被调整到全屏后，这个DIV就会再次被隐藏。

而且，我意识到在现实世界中出现这种情况的可能性很小，但是客户希望无论如何都能解决这个问题。

谢谢!

单节点MySQL

低成本高体验，解决您的基础业务数据需求

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-11-15 09:59:34

我发现首先显示DIV的是javascript，而不是媒体查询，所以我只添加了显示:桌面媒体查询的div中没有显示，问题已经解决了。谢谢!

票数 0

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/19964359

复制

相关文章

移动开发-媒体查询布局

css 网站 html 编程算法 javascript

每种媒体类型都有各自不同的特性，根据不同媒体类型的媒体特性设置不同的展示风格，暂且了解三个，注意他们要加小括号包含

小城故事

2022/11/21

1.3K0

CMT：当CNN遇到Transformer，“迷途知返”

机器学习神经网络深度学习人工智能

由于其所具有的长距离依赖建模能力，Vision Transformers已被成功应用到图像识别任务中。然而，其性能与计算量距离优秀的CNN仍存在差距。

AIWalker

2021/07/29

1.2K0

CMT：当CNN遇到Transformer，“迷途知返”

当大模型不是问题时，如何应对 LLM 的工程化落地挑战？

工程化工具开发模型 LLM

几个月前，在 Thoughtworks 的内部 AIGC 研讨会里，我们一直达成了一系列一致观点，诸如于：如果没有 “开源模型” 降低企业应用 LLM 的成本，那么 LLM 会很快消亡。所以，我们相信开源 LLM + LoRA 微调会成为企业的一种主流方式。现今，我们可以看到 LLaMA 2、Code LLaMA 2 等模型在不断刷新这种可能性。

Phodal

2023/09/10

2.2K1

当大模型不是问题时，如何应对 LLM 的工程化落地挑战？

当AI泡沫破裂时……

人工智能机器学习 nat

很显然我们目前处于一个不稳定的状态。这到底是一场泡沫还是一次革命？答案是当然包含一点革命——深度神经架构所创造的实实在在的成功已经颠覆了视觉和语音识别领域，更通用的机器学习也已经有了大量真实世界用例。

刀刀老高

2018/07/24

3620

当AI泡沫破裂时……

人工智能 .net 机器学习

很显然我们目前处于一个不稳定的状态。这到底是一场泡沫还是一次革命？答案是当然包含一点革命——深度神经架构所创造的实实在在的成功已经颠覆了视觉和语音识别领域，更通用的机器学习也已经有了大量真实世界用例。

机器之心

2018/07/26

3800

windows根据jps查询java进程然后关闭脚本

https 网络安全

下面的脚本可以通过jps查询到具体进程，然后关闭该进程，最后一行脚本是重启该应用，下面一段脚本可以用于windows上重新发包功能

johnhuster的分享

2022/03/29

1K0

shell sort排序是从小到大_shell sort

https java 网络安全

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/169879.html原文链接：https://javaforall.cn

全栈程序员站长

2022/09/21

1.4K0

shell sort排序是从小到大_shell sort

html --- rem 媒体查询

iphone ios css html 网站

手机屏幕的分辨率越来越高，比如iPhone 5为640*1136 px、iPhone 6/6S为750*1334 px。我拿到的UI图，其参考分辨率为1440*2560 px。

小蔚

2019/09/11

1.5K0

响应式设计

布局浏览器设计响应式设计移动端

给所有用户提供同一份 HTML 和 CSS。通过使用几个关键技术，根据用户浏览器视口的大小（或者屏幕分辨率）让内容有不一样的渲染结果。这种方式不需要分别维护两个网站。只需要创建一个网站，就可以在智能手机、平板，或者其他任何设备上运行。网页设计师 Ethan Marcotte 称这种方式为响应式设计（responsive design）。

Cellinlab

2023/05/17

2.2K0

CSS 媒体查询适配

css max media min width

media在引入css时可以加media属性来设置在特定媒体下的样式，但是要注意将其写在所有样式的最下方

圆圆的冬瓜

2022/06/17

1.4K0

【提问帖】GO中调用redis时，当并发量比较大时出现的问题。

go 云数据库 Redis®

GO中调用redis时，实始化一个连接池，做法也是一般的用户： &redis.Pool{ MaxIdle: beego.AppConfig.DefaultInt("redis::maxidle", 1), MaxActive: beego.AppConfig.DefaultInt("redis::maxactive", 10), IdleTimeout: time.Duration(beego.AppConfig.DefaultInt64("redis::idle_tim

李海彬

2018/03/27

2.2K0

CSS-媒体查询

2023腾讯·技术创作特训营第二期

由于媒体查询需要根据不同的浏览器宽度调整元素的样式, 所以不适合用于比较复杂的网页

程序员 NEO

2023/09/29

2270

前端响应式布局为什么是个坑？

html bootstrap 网站

响应式设计：Responseive design，就是一个网站，一套代码能在所有终端能够正常展示，并不是为每个终端做一个特定版本，响应式是为解决移动互联网浏览器而诞生的。

呆呆

2021/10/01

1.8K0

当安装、卸载件包时，出现依赖问题 error: Failed dependencies

依赖关系非常复杂，当你试图先安装任何一个包时都会出现这样的依赖关系错误，这时候你就应该强制安装了，我认为只要你把服务或软件需要的包都装上，强制安装也不会出问题的，不会有什么影响。

yaohong

2019/09/11

1.4K0

前端响应式布局为什么是个坑？

html bootstrap 网站

响应式设计：Responseive design，就是一个网站，一套代码能在所有终端能够正常展示，并不是为每个终端做一个特定版本，响应式是为解决移动互联网浏览器而诞生的。

呆呆

2021/11/30

9820

前端响应式布局为什么是个坑？

html bootstrap 网站

响应式设计：Responseive design，就是一个网站，一套代码能在所有终端能够正常展示，并不是为每个终端做一个特定版本，响应式是为解决移动互联网浏览器而诞生的。

呆呆

2021/09/30

9460

用PHP实现冒泡排序（从小到大）

改进代码: 添加一个布尔变量 $exchange, 以监视每($i+1)次冒泡排序是否发生过相邻元素交换的情况。如果有($exchange为true)，则需继续进行下一次冒泡排序。如果没有发生过相邻元素交换的情况，则说明排序任务已经完成，无需进行下一次冒泡排序。这时，使用 break，立刻跳出 $i 循环体。

用户7108768

2021/09/23

5180

这个问题你应该很熟悉，然后懵逼，然后放弃

今天早晨决定写这篇博文，但是晚上回家的时候，突然一道闪电从脑海劈过，于是临时决定将这个熟悉然后到懵逼最后到放弃的问题分为两部分。第一部分为抛出问题，诚邀各路英雄豪杰解答；第二部分为解答，就是一周之后会给出我的答案。

IMWeb前端团队

2019/12/04

2810

这个问题你应该很熟悉，然后懵逼，然后放弃

点击加载更多

相似问题

媒体查询问题:调整大小/移动块

10

当调整大小到移动设备时，DataTables无法向PHP提交AJAX表单

10

移动媒体查询正在控制桌面样式。

29

移动更改桌面视图的媒体查询

121

桌面媒体查询会影响移动视图

229

活动推荐

运维排障、用户行为分析快人一步，福利多！

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例