腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(653)
视频
沙龙
1
回答
chrome
devtools
媒体
查询
断点
集
成为
一种
媒体
大小
css
、
sass
、
google-chrome-devtools
这是我的Sass代码 我对此进行了多次测试,并确认
媒体
查询
工作正常 但在
Chrome
devtools
中,只出现一个(75em)
媒体
查询
(约max-width)。正如你在下面的源面板截图中看到的,在源代码中有3种
媒体
大小
但只有75em在显示。 请帮帮我... ?
浏览 24
提问于2021-02-03
得票数 0
回答已采纳
1
回答
响应书签栏的CSS
javascript
、
html
、
css
我有一个
媒体
查询
看屏幕的高度。1.)为什么会这样?另一项最新情况:打开新选项卡,上下调整窗口
浏览 0
提问于2019-03-03
得票数 1
1
回答
更改Woocommerce
媒体
查询
断点
,以max-width: 767px而不是768px加载woocommerce-smallcreen.css
wordpress
、
woocommerce
我使用这个css文件,所以我希望加载它,但也要以某种方式更改这个
媒体
查询
断点
。我在woocommerce css文件中搜索了这个
媒体
查询
,但我没有找到在
chrome
devtools
中看到的这个短语:media="only screen and (max-width: 768px
浏览 16
提问于2016-09-21
得票数 2
回答已采纳
1
回答
在响应站点上,打印时会应用哪个
断点
?
css
、
media-queries
、
css-print
我有一个响应网站,我试图在其中实现打印
媒体
查询
。当我使用
Chrome
(Rendering tab > Emulate CSS media > Print)预览时,它看起来非常类似于实际的网站在那个
断点
,但打印css应用。
Devtools
预览随着我调整浏览器的
大小
而改变,所以我不能确定在实际的打印预览模式中使用的是哪个
断点
。 问题是,在打印时,浏览器用来生成快照的宽度是多少?
浏览 0
提问于2018-07-19
得票数 2
2
回答
媒体
查询
问题
html
、
css
、
media-queries
我正在尝试只增加移动设备上的字体
大小
,因为我已经编写了如下
媒体
查询
:或 @media screen and (max-width: 576px)当我将浏览器的
大小
调整到575px时,字体
大小
在变化,但当我在
chrome
上实际检查时,我没有看到我已经应用过的
媒体
查询
片段,也没有在实际的移动设备上使用。
浏览 2
提问于2019-11-23
得票数 0
2
回答
使用未定义的CSS
媒体
查询
css
、
responsive-design
、
media-queries
、
zurb-foundation
我在研究CSS
媒体
查询
最佳实践,并找到了。如您所见,第一个
媒体
查询
没有min/max
大小
定义: 谢谢!
浏览 3
提问于2016-10-01
得票数 2
回答已采纳
5
回答
CSS
媒体
查询
没有显示在
chrome
检查器中
css
、
sass
、
media-queries
我在CSS文件中有几个
媒体
查询
,如下所示:当我检查
chrome
检查器时,我可以看到这些我试着在检查器模式下调整屏幕的
大小
,但是那些CSS角色永远不适用。知道是什么导致了这里的问题吗?下面是我使用的CSS的整个块。
浏览 5
提问于2020-02-11
得票数 2
回答已采纳
1
回答
媒体
查询
使网站具有响应性。但它不只是当我拖动我的浏览器时
css
、
user-interface
、
sass
、
responsive-design
、
media-queries
当我在
chrome
上测试
devtools
的响应性时,所有的
断点
和UI都工作得很好。但是,当我不在
devtools
中时,我只是拖动浏览器的宽度,
断点
不会触发。这可能看起来没什么大不了的,但当招聘人员测试网站响应性时,我不认为他们会调用
devtools
进行测试。我认为他们只是在浏览器上进行非全屏显示,并拖动浏览器的侧面来调整响应测试的宽度。我将React与SCSS一起使用,并且只使用SCSS文件中的
媒体
查询
来获得响应。没有钩子。 这里有一些我的
媒体
浏览 19
提问于2021-01-29
得票数 0
回答已采纳
1
回答
移动设备未读取的
媒体
查询
html
、
css
、
media-queries
当我在
Chrome
,IE,Safari..etc中调整浏览器的
大小
时,站点会响应我在css文档中声明的
媒体
查询
。然而,当我在iPhone、iPad或任何其他移动设备上查看网站时,没有检测到
媒体
查询
,它显示的是桌面
断点
的缩小版本。此外,我有一个
Chrome
扩展,它可以检测网站中的
媒体
查询
,它说在我的网站上没有检测到
媒体
查询
。我确实有 <meta name="viewp
浏览 0
提问于2014-03-03
得票数 0
2
回答
媒体
查询
不起作用?
css
、
media-queries
我的
媒体
查询
不起作用。当我调整窗口的
大小
时,我想它不会重新调整
断点
。我做了两个div,一个是桌面视图,另一个是平板视图。我使用display: none属性来拥有桌面和移动版本。另一个问题是,是否有任何方法为所有移动设备配置
媒体
查询
?或者,我应该为每个方便的组编写css吗?
浏览 2
提问于2016-06-06
得票数 0
回答已采纳
1
回答
为什么
媒体
查询
会有偏移量?
css
、
sass
、
media-queries
、
bourbon
、
neat
然而,我发现我使用的
媒体
查询
偏移了大约70px。我将平板电脑的
断点
设置为640px (如CSS检查器中所示然而,当我尝试调整屏幕时,
chrome
告诉我,
媒体
查询
仅在窗口
大小
为~580px时才适用。
浏览 1
提问于2014-07-26
得票数 0
1
回答
调整窗口
大小
后,移动导航下拉菜单不会消失
javascript
、
html
、
css
当我展开窗口时,移动导航图标消失正好可以显示桌面导航,但是当它大于指定的屏幕宽度时,mobileNavSections分区不会消失。切换功能按预期方式工作。 function displayMobileNav(){ if (x.style.display == "block") { } else { x.style.display = "block
浏览 20
提问于2020-08-26
得票数 2
回答已采纳
1
回答
ReactJS: Material ui
断点
reactjs
、
responsive-design
、
media-queries
、
material-ui
、
breakpoints
这段代码是什么意思,
断点
值在这里是如何工作的?是theme.spacing.unit*2*2 = theme.spacing.unit*4还是它有其他含义?
浏览 0
提问于2018-09-25
得票数 22
回答已采纳
8
回答
以错误宽度触发的
媒体
查询
html
、
css
、
media-queries
、
meta-tags
我正在构建一个响应式页面,但
媒体
查询
的宽度
大小
不正确。我使用的是
Chrome
。@media screen and (max-width: 1200px) { display: none;} 例如,这个规则是有效的,它只是在错误的
大小
下触发。它似乎正在触发
媒体
查询
,比正常情况下更宽100个像素左右。<meta name="viewport" content="width=device-width,
浏览 72
提问于2014-11-02
得票数 79
回答已采纳
2
回答
iPhone忽略了CSS
媒体
查询
。视图标签出现了。在桌面工作
iphone
、
css
、
responsive-design
、
mobile-safari
我正在编辑一个与我正在测试的文件
集
不同的文件
集
。向所有愿意帮助我的人表示诚挚的歉意。我已经把所有的答案都投了出来,因为我至少从你们的
媒体
询问中学到了更多的东西,但没有人给出答案。我在用:当我在
Chrome
中调整浏览器窗口的
大小
时,它可以很好地工作,当到达新的
断点
时,我可以看到它被切换到新的
浏览 1
提问于2013-04-30
得票数 7
2
回答
CSS
媒体
查询
中断到5特定分辨率的sizes....what?
html
、
css
、
media-queries
因此,我开始研究如何这样做,并发现如何设置DevicePixelRatio或使用
媒体
查询
与CSS。在搜索并查看堆栈溢出之后,我决定使用CSS
媒体
查询
,但我遇到了两个奇怪的问题。就像我说的,字体
大小
的变化很顺利,因为我缩小了“F12中的可视框”.但是如果我把它精确地放在分辨率宽度767 of上,就好像
媒体
查询
不存在,而我的文本达到100%,这对于小的显示
大小
来说当然太大了。我在"Device“中单击了"More Options”,并选
浏览 0
提问于2021-07-26
得票数 0
回答已采纳
1
回答
Chrome
开发人员工具在切换到设备视图时不加载@media
查询
css
、
google-chrome
、
responsive-design
我的CSS中有这个@media
查询
:当我手动调整页面
大小
时,当达到767px的
断点
时,它会切换到响应式布局。但是,当我从
Chrome
的下拉列表中选择任何设备布局时 即使设备的宽度小于767px
断点
,也会加载默认页面,而不是
媒体
查询
。我做错了什么?
浏览 31
提问于2017-08-28
得票数 3
回答已采纳
2
回答
Bootstrap-3.1.0移动设备导航栏中的bug?
twitter-bootstrap
、
mobile
、
twitter-bootstrap-3
在我的网站上,当我从移动设备或
chrome
浏览器中的zoom+访问引导导航栏时,似乎发现了bug。截图如下:缩放150% -错误?
浏览 0
提问于2014-02-04
得票数 1
1
回答
CSS3
媒体
查询
当前页面
大小
css
、
media-queries
使用Google
Chrome
浏览器,确定页面
大小
的最简单方法是什么,以便您可以编写适当的css3
媒体
查询
。目前,我慢慢地调整浏览器的
大小
,以找出任何可以使用css3
媒体
查询
来改进日益拥挤的界面的区域,但需要
一种
方法来了解
查询
应该用于的
大小
。
浏览 0
提问于2013-01-13
得票数 0
回答已采纳
2
回答
如何不使用CSS3检查监视器分辨率
ruby-on-rails
、
twitter
、
twitter-bootstrap
、
media-queries
我已经开发了一个站点,它使用CSS3中的
媒体
查询
为桌面和移动设备提供响应性设计。我已经做了搜索,试图找到有关如何在Rails和HTML中检查这方面的信息。我所发现的一切都需要使用CSS3
媒体
查询
来完成。 我的问题:是否有
一种
方法来检查HTML5或Rails 3中的CSS
媒体
<em
浏览 1
提问于2012-11-27
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
给用户一个否减弱动画效果的选择每日前端夜话0x8B
作为Web开发者,你愿给Firefox一次机会吗?
所有主流浏览器都已支持Web Animations API
响应式Web设计操作步骤有哪些
开源巨献:2017年Google 开源了这些超赞的项目
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券