请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

老师,你好,请教几个问题?
见图图片描述
请留意图中红框的多处地方,

  1. 红框处的 ipone6/7/8 375 x 667 它的单位应该是Points而不是Pixels吧,参考自 苹果官网,https://developer.apple.com/library/archive/documentation/DeviceInformation/Reference/iOSDeviceCompatibility/Displays/Displays.html
    同时,上述链接中也给出了它的 iphone8 对应的像素是 750 x 1334 Pixels,这样看来,代码
@media (max-width: 700px)
<style>
.course-head h1 {
    font-size: 1.5rem;
}

应该是不生效才对,但从上图上线处可以看到,代码是生效的,这是为什么呢?

谢谢老师解答!

添加回答

1回答

  • 这个我倒没仔细研究过,不过移动端有个max-device-width,你可以百度看看

    2020-10-11 18:37:31

Spring Cloud + Vue 前后端分离 开发企业级在线视频课程系统

难度初级
时长27小时
人数855
好评度99.8%

全网稀缺课程 市场热门项目+主流框架 一课掌握前后端技术

讲师

十二年Java研发和带团队经验,目前在知名第三方支付公司担任项目经理,负责公司核心支付项目的研发管理工作及技术培训工作,多年的支付相关工作造就了严谨的代码开发风格。专注于Java全栈技术研究和分享,独立完成过多个项目,熟悉项目开发的生命周期,从框架搭建到部署上线。讲课风格以实战为基础,不说废话,只讲干货。

意见反馈 帮助中心 APP下载
官方微信