媒体查询以错误的宽度触发

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (192)

我正在构建一个响应式页面,媒体查询的宽度大小错误。我正在使用Chrome。

@media screen and (max-width: 1200px) {
 .logo-pic {
    display: none;
}
}

例如,此规则适用于仅以错误的大小触发。此规则以1320px而非1200px激发。我有html的meta标签。它似乎是触发媒体查询100左右像素比它应该更宽。

<meta name="viewport" content="width=device-width, initial-scale=1">

我检查了我之前的响应网站,这些断点正在正确触发。我在不同的网站上测试了浏览器,媒体查询也很好。

我发现了一个关于堆栈溢出的类似问题,但它没有得到答复。

介质查询错误值的断点

不确定是什么问题?

提问于
用户回答回答于

看看你的单位:rem,em,px。

我只是遇到了这个问题,这是因为我的基本字体大小是10px而我在媒体查询中放了max_width:102.4rem,但它的激活速度大约是1600px而不是预期的1024px。

它仍然以我的102.4m激活1600px,但是当我使用1024px时它可以正常工作。

这篇文章讨论了我所暗示的一切:

https://zellwk.com/blog/media-query-units/

问题的根源似乎是单位。

热门问答

【有奖互动】你是哪个星球的人?

IT小马哥

北京螳螂科技 · 高级项目经理 (已认证)

想做个有钱人,却误入程序世界的一个小码农。

主库的binlog被删掉了,从库是否可以用对应的Relay_Log_File同步?

朱明豪从事Oracle、MySQL等数据库工作10年,擅长性能诊断优化、故障处理、SQL优化、业务架构设计、技术培训等。
推荐
1.Waiting for Slave Workers to free pending events, 可能是出现大事务,可能参数slave_pending_jobs_size_max过小 2.“主库设置了expire_logs_days,所以从库的Relay_Mas...... 展开详请

CDN加速时,当带宽超出所设置阈值后关闭CDN服务,是否可以自动重启CDN服务?

开元

腾讯云 · 高级工程师 (已认证)

专注给云上客户提供优质的服务
推荐

触发封顶带宽导致域名关闭后,若您希望继续使用 CDN 服务,可以在重新启动域名加速。

详见https://cloud.tencent.com/document/product/228/7541

是否提供海外CDN加速服务(微信小程序云)?

开元

腾讯云 · 高级工程师 (已认证)

专注给云上客户提供优质的服务
推荐

目前腾讯云是支持海外加速的,CDN加速只和域名有关系,只需要把需要海外加速域名配置海外CDN就就可以。详细见:https://cloud.tencent.com/document/product/673

Dr.Elephant支持hadoop3吗?还有编译一直有包找不到怎么解决?

目前TBDS的hadoop版本是2.7.2,建议配置文件中使用该版本号进行匹配

iOS实时音视频的SDK和Demo有没有Objective-C版本?

腾讯视频云-ZacharyTXLiteAVSDK技术支持
推荐
下载专业版和企业版的压缩包里面带的官方demo是Objective-C的,下载地址:https://cloud.tencent.com/document/product/647/32689 image.png ... 展开详请

所属标签

扫码关注云+社区

领取腾讯云代金券