腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
文章
问答
(9999+)
视频
沙龙
1
回答
以
意外
宽度
调用
浏览器
断点
媒体
查询
、
、
目前,我正在尝试实现一个网页的
浏览器
断点
。我添加的第一个
媒体
查询
是为了方便一类div的
断点
,结果发现它
调用
的值远远超出了max-width值(值为500px,
调用
方式为124.867px)。button class="continue-reading">Continue Reading</button> </div> 我希望当
浏览 11
提问于2019-04-09
得票数 0
5
回答
Safari:
媒体
查询
未按预期
宽度
触发
、
、
、
我写了一个CSS
媒体
查询
,如下所示-@media screen and (max-width: 59.9375em) { display: none;}这在除Safari 10.0.4及更低版本以外的所有
浏览器
上都工作得很好。Safari似乎
以
不同的方式处理
媒体
查询
。其他
浏览器
似乎将window.innerWidth作为触发
媒体
查询
的视窗
宽度
,但safari似乎将doc
浏览 0
提问于2017-05-18
得票数 11
2
回答
浏览器
与
媒体
查询
触发器点的区别
、
、
我注意到,在Chrome和所有其他
浏览器
(IE9、Chrome、Opera)中,
媒体
查询
断点
的触发方式是不同的。 现在,让我们看看下面所有其他
浏览器
的
媒体
查询
触发器的位置。我们将以火狐为例,但是对于IE9和Opera来说是一样的。 在chrome中,
媒体
查询
的触发点为1190 is。在所有其他<em
浏览 3
提问于2013-02-15
得票数 1
2
回答
不使用iPhone Safari
浏览器
的
媒体
查询
、
、
我已经构建了一个使用
媒体
查询
的站点来使其响应,在我开发它的时候,我改变了
浏览器
的
宽度
以
测试,
媒体
查询
似乎与我设置的
断点
很好地工作。但问题是,在测试iPhone上的实际页面时,它似乎根本没有识别
媒体
查询
,而是在
浏览器
中显示完整的桌面视图。 为什么会想到为什么iPhone会这么做,任何手机都会这么做?下面是我获得的试金石
浏览器
测试结果:
浏览 2
提问于2014-07-25
得票数 0
回答已采纳
1
回答
如何加载jquery mobile只适用于移动
浏览器
,而普通站点适用于桌面?
、
、
、
因此,我有一个现有的桌面html站点,但我已经创建了一个jquery移动版本。问题是我正在试图弄清楚如何只加载手机上的jquery移动版本,而显示桌面上的桌面版本。我在jquery移动文档上找不到任何东西。
浏览 0
提问于2013-03-03
得票数 1
2
回答
找到
断点
,不确定要使用哪些
媒体
查询
、
、
我已经在我的网站上找到了所有的em和px
断点
,但我不确定使用以下哪一个
媒体
查询
: 例如:在我的网站上,我的导航中断在43.75em什么是正确或最好使用的
媒体
查询
我的网站。如有任何建议或建议,将不胜感激。我自学成才,HTML5 & CSS3似乎无法掌握
媒体
查询
。我目前使用的是最大
宽度
,但当
浏览器<
浏览 1
提问于2013-12-22
得票数 0
回答已采纳
1
回答
看起来优化的Css代码,
、
特别是写着"@media屏幕和(最小
宽度
:992px)“的部分。
浏览 0
提问于2018-04-24
得票数 0
回答已采纳
1
回答
表格单元格中的文本以一致的方式换行
、
、
我的用户
浏览器
的
宽度
未知。对于较宽的单元格,我希望将其显示为一行,如上所述。
浏览 9
提问于2019-10-04
得票数 0
1
回答
创建仅在移动设备(平板电脑)上显示的引导菜单汉堡包图标
、
、
、
我正在尝试创建一个带有引导的导航菜单。就像每个普通的导航条一样.navbar, .navbar-inverse { border: none; min-height: 80px; display: inline;} color: #ffffff; font-family: La
浏览 4
提问于2017-05-17
得票数 0
回答已采纳
1
回答
媒体
查询
:使用最小
宽度
时出错
、
min-width: 1400px) { display: block;}谢谢
浏览 1
提问于2013-02-19
得票数 0
5
回答
CSS
媒体
查询
没有显示在chrome检查器中
、
、
我在CSS文件中有几个
媒体
查询
,如下所示:当我检查chrome检查器时,我可以看到这些
浏览 5
提问于2020-02-11
得票数 2
回答已采纳
2
回答
减小窗口大小时使用CSS更改
宽度
大小
在一个大型显示器上,它太大了,所以我设置了一个800 max的最大
宽度
,如下所示:对我怎么做有什么想法吗?
浏览 5
提问于2015-07-14
得票数 2
回答已采纳
1
回答
媒体
查询
使网站具有响应性。但它不只是当我拖动我的
浏览器
时
、
、
、
、
当我在chrome上测试devtools的响应性时,所有的
断点
和UI都工作得很好。但是,当我不在devtools中时,我只是拖动
浏览器
的
宽度
,
断点
不会触发。这可能看起来没什么大不了的,但当招聘人员测试网站响应性时,我不认为他们会
调用
devtools进行测试。我认为他们只是在
浏览器
上进行非全屏显示,并拖动
浏览器
的侧面来调整响应测试的
宽度
。我将React与SCSS一起使用,并且只使用SCSS文件中的
媒体
查询
来获得响应。没
浏览 19
提问于2021-01-29
得票数 0
回答已采纳
2
回答
调整容器div大小时刷新页
、
这是一个简单而又非常简单的问题:如果使用jquery将
媒体
查询
断点
设置为750 of和970 of,那么在
浏览器
调整.container div的
宽度
后是否可以刷新页面?
浏览 4
提问于2015-04-09
得票数 0
回答已采纳
4
回答
对于响应性设计,有什么“最佳方法”吗?
、
、
我正在研究
媒体
查询
,但是有很多
媒体
查询
,比如“默认
媒体
查询
”或“普通
媒体
查询
”,我们可以跟踪吗?only screen and (min-width: 992px) { ... }您认为使用这种
媒体
查询
是一种好方法吗我问这个问题,因为
媒体
查询
使用像素,所以也许它最好不要使用百分比
浏览 6
提问于2014-05-02
得票数 2
回答已采纳
1
回答
在响应站点上,打印时会应用哪个
断点
?
、
、
我有一个响应网站,我试图在其中实现打印
媒体
查询
。当我使用Chrome (Rendering tab > Emulate CSS media > Print)预览时,它看起来非常类似于实际的网站在那个
断点
,但打印css应用。Devtools预览随着我调整
浏览器
的大小而改变,所以我不能确定在实际的打印预览模式中使用的是哪个
断点
。 如果
浏览 0
提问于2018-07-19
得票数 2
1
回答
Chrome
媒体
查询
故障:
媒体
查询
过早启动
、
、
我们有一个大问题,因为某些原因,Chrome正在过早地启动响应性
媒体
查询
。因此,它不是以1000 it的速度发射,而是发射了984 it。包含任何值的最大
宽度
/最小
宽度
没有差别。此外,我们并不是通过使用Javascript或CSS操作窗口/文档或正文
宽度
、页边距、缩放/缩放来做任何奇怪的事情。
浏览器
缩放是正确的@ 100%Meta标签视图端口已就位--“十进制修正”类似于1000.0px --但它不起作用……Dev工具表示窗口大小为1000 as。但是Chr
浏览 1
提问于2021-10-08
得票数 0
回答已采纳
1
回答
收缩父元素以消除换行后留下的间隙
、
、
如果我能应用一些CSS魔术,让父框“收缩”到子元素实际占用的
宽度
,忽略行尾空格,我会很高兴的。我希望display: table能来救我,但是没那么幸运。
浏览 2
提问于2017-02-14
得票数 0
6
回答
有多少
媒体
查询
?
、
960用于横向模式(ipad和更多类似于台式机) 768用于纵向模式(ipad) 340用于纵向模式(iphone)及以上所有960我刚才读到一些东西,因为滚动条你必须减少到960的
宽度
2)我之所以选择这些
宽度
,是因为我想,如果有人使用横向模式,它会切换到"ipad-media-query“,再切换回"iphone-media-query”。但这只是我的理论。我是个新手,不熟悉
媒体
查询
。这就是为什么我会问。感谢任何帮助,甚至是你建议的CSS代码示例,以便为网站提供最佳数量的
媒
浏览 2
提问于2013-03-12
得票数 5
回答已采纳
4
回答
jQuery和CSS
媒体
查询
不同步
、
、
我一直在尝试理解窗口
宽度
是如何确定的,我想知道CSS和jQuery是否有所不同。例如,如果我有一个CSS
媒体
查询
: /*my css here*/还有一些jQuery: //my jQuery here我希望出现以下情况:-当
浏览器
以
980px调整大小并刷新时,上述两项将被忽略-当
浏览器
以
9
浏览 0
提问于2013-08-08
得票数 8
点击加载更多
热门
标签
更多标签
云服务器
ICP备案
云直播
腾讯会议
对象存储
活动推荐
运营活动
广告
关闭
领券