腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
CSS
转换
使用
最小
宽度
的
媒体
查询
跳转
、
、
、
、
我有一个侧栏导航,它可以折叠,以便在灵活
的
布局中为更多
的
内容让路。当用户单击以折叠导航时,内容区域div .ca将展开以填充空间,而flex布局将
使用
媒体
查询
进行重排。我已经对每个移动元素应用了
CSS
过渡,但当.ca打开和关闭时,导航div会跳跃。这似乎与flex layout - .songgrid-unit中单元
的
宽度
有关。该单元在px中有一个width值,但
媒体
查询
在%中设置了一个min-width值来覆盖它,
浏览 37
提问于2021-08-12
得票数 0
回答已采纳
1
回答
创建仅在移动设备(平板电脑)上显示
的
引导菜单汉堡包图标
、
、
、
我正在尝试创建一个带有引导
的
导航菜单。我有一个和那个非常相似的菜单 border-radius: 0;<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7&
浏览 4
提问于2017-05-17
得票数 0
回答已采纳
2
回答
最大到
最小
媒体
查询
CSS
、
、
我正在尝试
使用
移动优先
的
方法进行响应式设计。谁能解释一下重新设计
CSS
的
最佳方法是
使用
最小
宽度
的
媒体
查询
,而不是最大<e
浏览 0
提问于2014-12-04
得票数 0
1
回答
调整窗口大小后,移动导航下拉菜单不会消失
、
、
当我展开窗口时,移动导航图标消失正好可以显示桌面导航,但是当它大于指定
的
屏幕
宽度
时,mobileNavSections分区不会消失。切换功能按预期方式工作。
浏览 20
提问于2020-08-26
得票数 2
回答已采纳
3
回答
@
媒体
查询
检查器
的
devTools
、
、
、
因为我尝试
使用
Chrome,这里给出了访问@ devTools
查询
检查器
的
位置/方式
的
描述,但我没有看到它应该在哪里… 如果有人有一个建议,检查
媒体
查询
,然后也非常感谢。也许这是一个愚蠢
的
问题,也不是那么“有价值”,但我很感谢这里
的
任何帮助(我也可以根据你
的
请求关闭/删除这个问题)。非常感谢。
浏览 1
提问于2016-08-26
得票数 4
2
回答
找到断点,不确定要
使用
哪些
媒体
查询
、
、
我已经在我
的
网站上找到了所有的em和px断点,但我不确定
使用
以下哪一个
媒体
查询
: 例如:在我
的
网站上,我
的
导航中断在43.75em以下
的
任何地方。什么是正确或最好
使用
的
媒体
查询
我
的
网站。如有任何建议或建议
浏览 1
提问于2013-12-22
得票数 0
回答已采纳
2
回答
移动设备无法访问
CSS
、
、
我在我
的
Dropbox上建立了一个网站,用于完成一项学校作业。人们将会从移动设备上看到它。
CSS
在台式机上工作,但当移动设备访问页面时,
CSS
不会加载。<!--
CSS
Load--><link type="text/
css
浏览 1
提问于2014-05-02
得票数 2
2
回答
如何
使用
媒体
查询
来确定特定像素
宽度
、
、
你好,我有一个关于
媒体
查询
特定
宽度
而不是其他
宽度
的
问题。@media (max-width:769px) and (min-width:768px) {} 这是正常工作,但它阻止了我下面的其他
媒体
查询
不起作用例如,当我去
浏览 0
提问于2016-08-12
得票数 1
1
回答
bootstrap错误
媒体
查询
生效
、
我有一个容器,它以873像素
的
宽度
显示在屏幕上,但是
媒体
查询
max- width : 540正在生效,而应该应用
的
max-width: 720在chrome dev工具中显示为剪切出来。 ?
浏览 21
提问于2020-01-22
得票数 0
1
回答
我不能让我
的
页脚停留在小屏幕上
的
行格式
、
、
在小于768px
的
屏幕上,我
的
footer-nav不显示为行,而是列。我已经看过了,我确实意识到我
的
flexbox代码将不会被考虑在内..所以我被卡住了。任何帮助都将不胜感激。此外,我正在尝试找到一种方法来
转换
我
的
页脚,以便在大于768px
的
屏幕上,页脚将显示更多
的
链接。到目前为止,我还没有找到这样做
的
方法。 device-width, initial-scale=1"> <title>Responsive Webpa
浏览 14
提问于2021-09-10
得票数 1
1
回答
css
-根据屏幕大小不同地分组按钮
、
、
我有一个在大屏幕上工作
的
设计,两个按钮在同一条线上向右浮动。然而,在调整大小时,有一个按钮将显示在文本上:所需经费如下: 当屏幕足够大时,这些按钮在文本
的
右边(工作正常)。在这种情况下,它们也应该具有相同
的
宽度
。
浏览 0
提问于2015-10-01
得票数 0
回答已采纳
1
回答
CSS
媒体
查询
验证
、
我试图验证我
的
CSS
。我
的
主样式表返回时没有错误,但是我有mobile.
css
、tablet.
css
和laptop.
css
,它们都有
媒体
查询
,在我进行验证时,它们都返回了一条“仅限于未识别的
媒体
”
的
消息。no-repeat;.content {} width: 100%;nav {}其他文件/
浏览 0
提问于2018-12-24
得票数 0
3
回答
PhoneGap:如何让特定于iPad
的
CSS
工作?
、
、
我有两个
css
文件-一个用于一般
CSS
规则,另一个用于iPad相关
的
css
,如下所示: <link rel="stylesheet" href="
css
/styles.
css
" /> <link rel="styleshe
浏览 0
提问于2012-06-15
得票数 1
回答已采纳
2
回答
将按钮固定在与窗口大小无关
的
位置
、
我有一个页面,其中一个提交按钮应该放置在条形图
的
右侧,如图中所示: 我
的
问题是如何实现这个预期
的
结果:按钮固定在表格工具栏
的
右侧,不受水平滚动<e
浏览 0
提问于2019-01-10
得票数 0
回答已采纳
1
回答
导入带有
媒体
查询
的
css
文件
、
我想知道是否可以将具有
媒体
查询
的
css
文件导入到另一个
css
文件中。 谢谢
浏览 1
提问于2015-11-16
得票数 1
1
回答
关于具有Bootstrap网格系统
的
响应式网页
的
查询
和
CSS
媒体
查询
、
、
、
我已经用Bootstrap做了一个网站,并
使用
了它
的
网格系统和
CSS
媒体
查询
,它是响应
的
,但我必须根据
媒体
查询
中
的
最小
宽度
来设置字体大小,这使得它在达到相同
媒体
查询
的
最大
宽度
时变得更小。如何调整字体大小,使其适合该
媒体
查询
中
的
所有屏幕大小?我是否需要为所有情况编写单独
浏览 2
提问于2018-10-24
得票数 0
1
回答
当移动设备小于1000px时,强制
CSS
应用1000px
的
媒体
查询
、
、
、
、
我想知道是否有可能出现以下情况:但是,当旧
的
移动设备小于1000px或大约300px时,强制网站应用
最小
宽度
为700px和最大
宽度
为1000px
的
媒体
查询
?我很感谢大家
的
回应和投入。
浏览 1
提问于2019-12-08
得票数 0
1
回答
如何
使用
媒体
查询
控制屏幕分辨率?
、
在做html标记时,我遇到了以下问题:
媒体
查询
是在可见
的
浏览器视口上触发
的
,而不是在浏览器窗口分辨率上触发
的
。
Css
媒体
查询
不包括浏览器面板和垂直滚动条。我希望内容块适合用户
的
第一个屏幕上(
最小
宽度
: 1366px)
媒体
查询
。但是浏览器认为我只有1349x656
的
分辨率和
媒体
查询
触发器(
最小
<
浏览 27
提问于2021-01-13
得票数 0
2
回答
CSS
响应:调整窗口与响应Chrome
的
大小
、
这是我
的
问题。这有点基本,但真的让我很生气。我制作了一个响应性网页,当手动调整窗口大小时,它看起来真的很棒,但是当
使用
内置在chrome中
的
响应工具时,它看起来就不那么好了。margin: 0 auto;
使用
铬响应工具时,车身
宽度
将正确调整大小,但在调整镀铬窗口大小时不会调整大小。编辑2:图片来解释我
的
意思 左边是Chrome提供
的
响应检查工具,右边是正在调整大小
的
铬窗口(都是相同
的
宽度
),而<em
浏览 3
提问于2016-07-05
得票数 3
回答已采纳
1
回答
如何为响应式网站设置
最小
和最大
宽度
的
CSS
样式?
、
我
的
代码有问题。因为我正在尝试创建一个响应式
的
网站,
使用
最小
和最大
宽度
使用
媒体
查询
。我
的
查询
的
某些部分是好
的
,但是有一个元素不能读取我
的
CSS
媒体
查询
。 我在左边有一个导航栏。我想
使用
媒体
查询
来调整它
的
大小。但如果我调整它
的</em
浏览 2
提问于2014-05-19
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
响应式页面的原理、快速构建和适用范围
H5响应式布局要求和规范
HTML5 移动页面自适应手机屏幕四类方法
让这些“展示”有更好的扩展性——媒体查询
什么是响应式网页设计?
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
活动推荐
运营活动
广告
关闭
领券