腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
为什么
在
devtools
“
切换
设备
工具栏
”
模式
下
工作
的
媒体
查询
在
Chrome
浏览器
中
不能
工作
?
html
、
css
、
media-queries
在
devtools
"toggle device toolbar“
模式
下
检查我
的
代码
中
与
媒体
查询
相关
的
部分没有问题。但在关闭预览后,我发现代码
在
浏览器
中
不起作用。
为什么
会发生这种情况?我认为这与
Chrome
浏览器
有关。因为我
的
代码
在
Firefox
中
工作</e
浏览 10
提问于2019-05-29
得票数 1
5
回答
如何在Windows上使用Google
Chrome
或Firefox模拟像素比例来测试
媒体
查询
?
css
、
testing
、
media-queries
虽然
在
Google
Chrome
中
测试不同
的
屏幕分辨率很容易,但我想知道开发人员如何测试以下CSS
媒体
查询
背后
的
不同
设备
像素比率。 #header { background: url(headerRatio2.png); background-size: 50%; } 是否存在任何方法或
浏览器
扩展来模拟
设备
浏览 0
提问于2013-05-05
得票数 44
回答已采纳
2
回答
媒体
查询
问题
html
、
css
、
media-queries
我想在移动
设备
上显示我
的
网页,类似于桌面版本-我已经做到了。这里我没有给我
的
页面添加viewport标签。我正在尝试只增加移动
设备
上
的
字体大小,因为我已经编写了如下
媒体
查询
:或 @media screen and (max-width: 576px)当我将
浏览器
的
大小调整到575px时,字体大小
在
变化,但当我
在
chrome
上实
浏览 2
提问于2019-11-23
得票数 0
2
回答
nodejs
中
的
媒体
查询
不能
正常
工作
html
、
node.js
、
css
、
twitter-bootstrap
、
media-queries
我
的
HTML代码
的
媒体
查询
在
桌面上运行良好。当它与nodejs集成时,桌面上
的
媒体
查询
无法正常响应。但它能在android和Iphone等
设备
上
工作
。我想解决这个问题,因为windows没有响应
媒体
查询
,就像nodejs集成后
的
桌面一样。
浏览 6
提问于2014-03-10
得票数 1
回答已采纳
4
回答
如何在
Chrome
DevTools
中
启用尺子视图?
google-chrome
、
google-chrome-devtools
Chrome
DevTools
之前提供了一个
在
检测元素时显示尺子
的
设置。它在视图
的
两侧有一个像素标尺,每个元素
的
边线延伸到页面的整个视图。 它曾经
在
"
DevTools
设置/通用“中找到(我记得)。不再有通用部分,我
在
"
DevTools
设置/外观“
中
没有看到它。这个是被移动了还是被移掉了?我没有找到文件,也没有讨论它。
浏览 0
提问于2018-01-28
得票数 114
回答已采纳
1
回答
macOS上
的
浏览器
窗口大小小于500px
google-chrome
、
firefox
、
browser
、
safari
、
size
你好,我想检查一
下
,如果
浏览器
的
尺寸是100px,我
的
网站会是什么样子。喜爱
浏览 0
提问于2019-06-29
得票数 0
2
回答
如何使用傀儡机
在
移动调试
模式
下
打开铬?
node.js
、
chromium
、
puppeteer
我想用傀儡机启动
Chrome
,
在
移动调试
模式
下
,意味着单击
devtools
.
中
的
“
切换
设备
工具栏
”按钮。const browser = await puppeteer.launch({ ignoreHTTPSErrors: true
浏览 0
提问于2019-08-06
得票数 7
2
回答
媒体
查询
不起作用?
css
、
media-queries
我完全是一个对响应性设计
的
新手。我
的
媒体
查询
不起作用。当我调整窗口
的
大小时,我想它不会重新调整断点。我做了两个div,一个是桌面视图,另一个是平板视图。另一个问题是,是否有任何方法为所有移动
设备
配置
媒体
查询
?或者,我应该为每个方便
的
组编写css吗?
浏览 2
提问于2016-06-06
得票数 0
回答已采纳
3
回答
切换
后丢失
媒体
查询
匹配
javascript
、
google-chrome
、
css
、
media-queries
、
galaxy-tab
我真的不知道该怎么做,我有一个星系表2,7英寸
的
平板电脑,并使用
chrome
作为
浏览器
(v26.0.1410.58)
在
Android4.1.1
中
。我
在
纵向
模式
下
加载web应用程序,
媒体
查询
匹配得很好,我把它
切换
到横向
模式
,一切都很好,但是当我把它
切换
回纵向
模式
时,
浏览器
根本不应用任何样式,并且调试这个程序时,平板usb连接到PC
浏览 1
提问于2013-04-15
得票数 9
2
回答
使用移动
浏览器
测试Webforms母版页
visual-studio
、
mobile
、
webforms
用代码
中
的
移动母版页测试Webforms网站
的
好方法是什么?电子移动
工作
室可以
工作
,但它不是免费
的
。
浏览 0
提问于2019-01-10
得票数 1
1
回答
使用左侧固定导航栏
在
顶部/底部移动div
html
、
twitter-bootstrap
、
padding
、
fixed
由于某些原因,当我
在
md到lg类
的
屏幕尺寸时,标题蓝色div下拉给顶部填充。有没有办法将它设置为“固定”
在
顶部?其次,当手机尺寸显示时,有没有办法也将其设置
在
顶部导航栏
下
?Div1" style="border-left:0px; background-color:Blue; top:0; height:100px;"> 由于某种原因,jsfiddle版本没有显示md到lg
的
顶部填充问题,但它确实在Google
Chrome
中
浏览 0
提问于2017-04-18
得票数 0
1
回答
白页直到滚动
javascript
、
css
、
wordpress
、
html
我在这个网站上
工作
:。那会是什么呢?那么,我该如何解决它呢?备注:如果您在滚动后
切换
到另一个页面,它也会显示白色页面,直到您滚动为止
浏览 8
提问于2017-03-13
得票数 1
1
回答
媒体
查询
只
在
多个
浏览器
的
响应
模式
下
工作
。
css
、
responsive-design
、
media-queries
、
bootstrap-4
我已经建立了我
的
网站使用引导4。有一些问题
的
反应设计,所以我使用
媒体
查询
来解决这些问题。一直以来,我都在使用
Chrome
的
设备
工具栏
对CSS进行更改。当使用
设备
工具栏
时,一切看起来都像我想要
的
那样,但是当我
在
设备
工具栏
之外调整
浏览器
的
大小时,
媒体
查询
就不再
工作</em
浏览 2
提问于2017-11-20
得票数 0
回答已采纳
3
回答
CSS上"viewport“
的
定义是什么?
css
、
viewport
我想为我
的
网站做响应设计。我对
在
CSS
中
添加@media和@import感到困惑。 CSS
中
"viewport“
的
定义是什么?如何衡量智能手机和iPad或iPhone
的
观点?
浏览 1
提问于2016-04-21
得票数 5
回答已采纳
4
回答
Windows
中
的
Android
浏览器
android
、
android-emulator
、
webkit
有没有一种方法可以在窗口中安装Android SDK Web
浏览器
的
web工具包引擎,并将其自定义为直接在windows环境
中
运行?这样我们就不需要依赖Emulator/
设备
来检查您
的
Web页面在其中
的
工作
方式-这会更简单、更快
浏览 0
提问于2012-01-24
得票数 10
1
回答
同位素-砖石流体columnWidth和沟槽-
媒体
查询
jquery
、
css
、
media-queries
、
jquery-isotope
、
jquery-masonry
我正在使用同位素与砖石流体columnWidth和排水沟,它似乎
工作
得很好。我为响应性
的
东西写了一些
媒体
查询
,如果我调整窗口
的
大小,
在
桌面上
工作
得很好(事实上,取我
在
媒体
查询
中
写
的
正确
的
值)。我
的
问题是,我
不能
理解
为什么
我用iphone,ios模拟器打开这个页面,或者只是
在
chrome
浏览 0
提问于2015-11-09
得票数 0
1
回答
CSS Dark主题
媒体
查询
在
Firefox和
Chrome
上不起作用?
css
、
media-queries
、
darkmode
我最近改变了我
的
网站,使用
媒体
查询
,将网站
的
主题从浅色
模式
改为暗色
模式
。 它可以
在
桌面和移动
设备
的
Edge
浏览器
上运行,但
不能
在Firefox和
Chrome
(桌面和移动
设备
)上运行。
为什么
这些
媒体
查询
在
Firefox和
Chrome
上不起作用,我如何解决这个问题?操作系统Wi
浏览 1
提问于2021-05-14
得票数 3
7
回答
如何在Internet、Google和Safari
中
对响应性设计进行手动测试
manual-testing
、
cross-browser-testing
、
chrome
、
ie8
我有一个
在
IE,
Chrome
,Firefox,Safari上进行兼容性问题和响应性设计
的
站点测试。
在
火狐
中
,测试是轻松完成
的
,因为它有开发人员
的
选项,通过按
下
Ctrl+m就可以获得不同
的
分辨率屏幕。我必须在不使用任何工具
的
情况<e
浏览 0
提问于2015-04-30
得票数 1
3
回答
@
媒体
查询
检查器
的
devTools
css
、
google-chrome
、
google-chrome-devtools
、
developer-tools
因为我尝试使用
Chrome
,这里给出了访问@
devTools
查询
检查器
的
位置/方式
的
描述,但我没有看到它应该在哪里… 如果有人有一个建议,检查
媒体
查询
,然后也非常感谢。也许这是一个愚蠢
的
问题,也不是那么“有价值”,但我很感谢这里
的
任何帮助(我也可以根据你
的
请求关闭/删除这个问题)。非常感谢。
浏览 1
提问于2016-08-26
得票数 4
1
回答
奇怪
的
缩放和尺寸行为与
设备
工具栏
和响应布局
在
铬和边缘
css
、
google-chrome-devtools
、
zooming
、
responsive
、
dimensions
由于一个未知
的
原因,我
的
铬开发工具
设备
工具栏
在
测试响应
模式
时开始表现得很奇怪。当
切换
到它时,网站会被完全放大,页面的尺寸不是
工具栏
中
显示
的
尺寸,布局也不会做出相应
的
调整:当我
切换
设备
工具栏
关闭,它
工作
良好,我可以调整窗口和布局将作出反应调整。
Chrome
版本: 96.0.4664.110
浏览 3
提问于2021-12-15
得票数 1
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
给用户一个否减弱动画效果的选择每日前端夜话0x8B
开发者工具的15个小技巧
谷歌 Chrome 86 浏览器支持悬浮全局媒体控件
网站性能测试利器:Puppeteer
多媒体批量爬取下载管理器——Chrono
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券