腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
为什么
在
使用
媒体
查询
时
需
要为
最大
高度
添加
额外
的
像素
?
css
、
media-queries
我有这个代码
在
3840x2160上以225%
的
缩放比例运行 #d1 { width: 275px; background-color: hotpink;d1
的
背景色是粉红色,但当我检查窗口
高度
时
,它显示
的
是850px,当我显示书签栏
时
,窗口
高度
是818px,然后d1
的
背景色变成了绿色。现在,如果我
在
最大
高度
上再增加1个
像素</e
浏览 21
提问于2020-09-10
得票数 3
回答已采纳
1
回答
建立响应式网站
的
一般问题
media-queries
我正在学习网页设计(Wordpress),所以我遇到了
媒体
查询
的
问题。我
使用
Bootstrap 4网格系统,所以我也
使用
bootstrap 4
的
媒体
查询
,这是://小型设备(横向手机,576px以上)@
媒体
(最小宽度576px)和(
最大
宽度767.98px)
浏览 0
提问于2021-04-01
得票数 0
1
回答
如何动态改变海面图像大小?
sitecore
、
sitecore6
现在我想动态地改变图像
的
宽度和
高度
,这样我就有了大
的
图像。有将近1000张需要改变尺寸
的
图片。任何帮助..。
浏览 1
提问于2013-04-23
得票数 5
1
回答
浏览器如何计算手机
的
分辨率?
html
、
css
、
web
、
browser
、
web-deployment
如果您访问任何网站上
的
任何电话规范,它们通常都有如下解决方案:但是
使用
相同
的
手机和
使用
最大
宽度为600 max
的
网站,
媒体
查询
仍然有效。另外,当检查分辨率
时
,它说宽度是360 is,两部手机
的
高度
都在700 is左右。如何在浏览器上计算
浏览 1
提问于2020-06-05
得票数 1
1
回答
为什么
Google Chrome移动设备模拟器显示我320
像素
宽
的
站点呢?
google-chrome
、
responsive-design
、
media-queries
我已经向我
的
网站
添加
了
媒体
查询
,如果用户浏览器
的
“
最大
宽度”小于480
像素
,那么页面将以300
像素
的
宽度显示。我
的
问题是:当我
使用
谷歌Chrome
的
设备仿真器查看页面
时
,仿真器非常清楚地表明,苹果iPhone 6
的
宽度是"375“
像素
宽,
为什么
我
的
300
像素
宽<em
浏览 5
提问于2014-12-05
得票数 2
回答已采纳
1
回答
如何在桌面和移动设备上制作物理尺寸相同
的
按钮?
html
、
css
、
responsive-design
我有一个即将到来
的
项目,其中至关重要
的
是让元素(例如按钮)
在
具有不同
高度
、宽度、显示长宽比(4:3、16:9)、设备
像素
比例和dpi
的
不同设备上显示物理相同
的
大小(例如3厘米)。=no"> 现在可以
使用
媒体
查询
在
不同
的
设备上布局我
的
网站。然而,当我定义一个具有固定
高度
/宽度
的
按钮类
时
,
浏览 0
提问于2018-02-07
得票数 0
1
回答
响应书签栏
的
CSS
javascript
、
html
、
css
我想让我
的
样式响应于浏览器中书签栏
的
打开。当我手动拖动屏幕(降低其
高度
)
时
,
媒体
查询
将按预期
的
方式工作。然而,当我打开书签栏
时
,视窗会缩小(过了Chrome DevTools应该触发
媒体
查询
的
位置),但什么也不会发生。2.)是否有处理书签栏更改视图大小<
浏览 0
提问于2019-03-03
得票数 1
3
回答
如果布局视图比可视视图小,会发生什么情况?
css
、
iphone
、
viewport
我读过应该
使用
的
和如果你想优化移动设备
的
网页。我认为会发生以下情况: width=device-width iphone4
的
设备宽度
在
横向上是320 in (参见),尽管iPhone4
在
横向模式下
的
屏幕宽度为480 in。initial-scale=1.0 --这将1个CSS<e
浏览 5
提问于2016-01-03
得票数 4
回答已采纳
1
回答
不同缩放级别的浏览器
的
媒体
查询
html
、
css
、
responsive-design
、
media-queries
我是一个
使用
CSS3
媒体
查询
响应性设计
的
新手。我很清楚我们如何
使用
这些
媒体
查询
来针对不同
的
设备,但我感到困惑
的
地方是浏览器
的
放大!For :这是我
的
正常身体css规则 margin: 0 auto; clear: both;当我想将这个css规则更改为针对宽度
在
150 in和600 in范围内
的
浏览 2
提问于2014-03-06
得票数 46
回答已采纳
1
回答
有没有一种安全
的
方式来
使用
max-height CSS
媒体
查询
html
、
ios
、
css
、
google-chrome
据我所知,由于iOS上
的
Chrome67,不可能有效地
使用
最大
高度
媒体
查询
。 问题是,当用户向上和向下滚动
时
,Chrome会
添加
和删除地址栏。当它这样做
时
,它会改变
最大
高度
,这意味着如果你正在
使用
一个
最大
高度
的
媒体
查询
来改变某个东西
的
高度
,而不是下面的任何东
浏览 1
提问于2018-07-03
得票数 2
2
回答
轮播图像未填满引导程序3中
的
宽度
twitter-bootstrap
、
twitter-bootstrap-3
我对这些响应式
的
东西太陌生了。我正在尝试
使用
新
的
引导程序3中
的
转盘,但由于某些原因,图像没有填满转盘
的
宽度。所有的图像都是完全相同
的
大小(1000x395),无论我做什么,它都不会完全填满。非常感谢您
的
帮助!下面是我
使用
的
代码和屏幕截图: <div class="col-md-12"> <div id=&qu
浏览 0
提问于2013-09-05
得票数 5
3
回答
Chrome (适用于Android)
媒体
查询
都做错了吗?
javascript
、
android
、
google-chrome
、
media-queries
我对
媒体
查询
很熟悉,但我遇到了严重
的
问题……!
使用
最新版本
的
Chrome (26.0.1410.58) for Android,我发现它可以报告与视窗和设备相关
的
所有尺寸。这在我看来是完全错误
的
,因为
在
CSS中逻辑上没有凹陷,只有CSS
像素
! 我
使用
我
的
三星Galaxy S (I9000)进行测试。这部手机
的
屏幕尺寸是480x800!因此,即使是
在
媒体</
浏览 0
提问于2013-04-26
得票数 2
2
回答
如何在Ionic中实现
媒体
查询
ionic-framework
我想为我
的
ionic应用程序
添加
完整
的
背景图片&每个设备都有不同
的
图片。@media(max-width:750px) and (max-height:1334px){ background: url100% auto; left: 0; height: 100
浏览 0
提问于2015-05-05
得票数 3
2
回答
响应导航“
最大
高度
”问题(CSS3转换)
jquery
、
html
、
css
、
responsive-design
我想要创建一个具有“滑下”效果
的
响应导航。我不想
使用
jQuery
的
.slideDown()或.slideToggle(),而只
使用
CSS3转换。因此,这或多或少是我用于导航的当前HTML / CSS代码: 目前,我正在
使用
min-width
在
媒体
查询
中重置max-height: 0。否则,您将看不到大屏幕
的
导航。//“最小宽度”
媒体
查询
.nav
浏览 4
提问于2014-02-24
得票数 0
回答已采纳
1
回答
元素不遵循
媒体
查询
的
高度
html
、
css
、
media-queries
当屏幕
最大
宽度达到991px
时
,我正在尝试调整网页
的
徽标大小。我
添加
了一个黑色
的
背景颜色,只是为了看看它是否有效。当我
在
Chrome上检查元素
时
,我
的
媒体
查询
中
的
高度
被划掉了。当我取消选中我
的
body/原始CSS中
的
高度
时
,我
的
媒体
查询
中
的
浏览 2
提问于2014-02-26
得票数 0
1
回答
React中
的
ParticlesJS组件被隐藏在
媒体
查询
中,但不会返回显示。
javascript
、
css
、
reactjs
、
media-queries
、
particles.js
我正在为我
的
ParticlesJS应用程序
使用
ReactJS包。它在一开始就显示出来。当屏幕尺寸小于600 to
时
,我想隐藏它。它将显示设置为none,但是当屏幕调整到600 is以上
时
,粒子元素不会将显示设置为块,因此不会再次显示。
浏览 0
提问于2018-09-13
得票数 0
回答已采纳
1
回答
媒体
查询
电话
像素
宽度与屏幕分辨率不匹配
css
、
media-queries
在
使用
CSS进行
媒体
查询
时
,我注意到,用于移动设备
的
最小宽度和
最大
宽度
的
像素
值似乎与设备
的
实际宽度无关。例如,如果我要针对一个景观iPhone 5,我可以
使用
max-width:568px,它会被触发,但如果我谷歌iPhone 5分辨率,我看到它
的
长侧面实际上是1136 is。
为什么
该设备
的
半数分辨率被用于
媒体
查询</e
浏览 2
提问于2015-05-19
得票数 1
回答已采纳
1
回答
我
的
媒体
查询
不会按预期更改我
的
响应样式
html
、
css
、
responsive-design
、
media-queries
我试图在手机和平板电脑等较小
的
设备上
查询
媒体
响应性。我不太清楚
为什么
,但我
的
媒体
查询
将不会触发
时
,它应该(或根本没有,真的)。它应该以500 to
的
最大
宽度触发。 谢谢你
的
评论/建议/答案!)
浏览 2
提问于2020-06-07
得票数 1
回答已采纳
3
回答
媒体
查询
捕捉平板电脑画像
css
Smartphones (portrait) */ 如何在不影响其他规则
的
情况下捕捉平板画像
浏览 1
提问于2013-09-20
得票数 4
1
回答
max-width设置为767px
时
的
媒体
查询
html
、
twitter-bootstrap
、
css
、
twitter-bootstrap-3
当我设置屏幕宽度为767 pixels
时
,p标签
的
颜色为white (未应用
媒体
查询
中
的
样式)。当我设置屏幕宽度为766 pixels
时
,颜色为黄色(应用
媒体
查询
样式),但在CSS中设置为- .. and (max-width: 767px)。不包括767 pixels宽度。如果我
在
CSS - and (max-width: 768px)中设置,并将屏幕宽度设为768 pixels,则p标记
的
颜色为yellow,这意
浏览 44
提问于2017-08-19
得票数 4
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
关于响应式布局,你必须要知道的
让这些“展示”有更好的扩展性——媒体查询
5G时代我们还需要考虑网站速度优化吗?
以太坊数据同步常见问题集锦
前端 viewport 学习笔记
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券