关于像素的问题

ip6的固有css像素宽度是375,但是如果设备有缩放比,这个宽度可能会变为750,那么媒体查询时

@media后面对应的宽度是固有的css像素宽度还是缩放后的css像素宽度

楚楚提 2019-12-26

源自：Swiper快速切换插件 3-2 作业题

36

收起

3回答

好帮手慕码回答被采纳获得+3积分 2019-12-26 17:15:21

同学你好，之前老师解释的有一些问题，抱歉给同学造成了误导。这里更正一下：当设置initial-scale=0.5的时候，整体宽度会变成750px。但是一般来说缩放比例都会将比例设置为1，不会修改的，因此@media后面对应的宽度是固有的css像素宽度375px即可。

祝学习愉快~

楚楚提提问者 #1

我的意思就是@media后面的px对应的是固有的还是缩放过的,就是如果scale不等于1,那么@media相对的是谁

2019-12-26 17:31:08
好帮手慕码回复提问者楚楚提 #2

缩放之后，@media媒体查询中要写的宽度对应的应该是initial-scale变化后的页面宽度。

2019-12-26 19:20:01

提问者楚楚提 2019-12-26 17:10:09

好帮手慕码 2019-12-26 14:19:52

同学你好，是写本来的像素宽度375px的。

（1）大多数情况下，缩放比例都会将比例设置为1；

（2）当缩放比例放大的时候，是整体内容放大一倍，而不是说逻辑像素375会变成750

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

提问者楚楚提 #1

前面课程说过这个: 设备缩放比为 scale = 手机逻辑像素(375) / css逻辑像素 scale = 0.5 时,css逻辑像素会变成750的

2019-12-26 17:01:24

相似问题

视口像素问题

本节考试题 14题 ppi怎么算出来的 667*375是物理像素吗

物理像素和css像素

每个逻辑像素下物理像素更多为什么会更清晰？

老师,这里的像素是指什么?

登录后可查看更多问答，登录/注册

3.WebAPP开发与小程序

参与学习人
提交作业 622 份
解答问题 6815 个

微信带火了小程序，也让前端工程师有了更多的展现机会，本阶段带你从移动基础知识的学习到webAPP开发，及小程序开发，让你PC端与移动端两端通吃。

本课精华内容

问答作业

代码分享-模仿高德官网效果做的

129 1

为什么图片这么大

27 15

老师帮我看下为什么谷歌浏览器点不了进度条没次点击都会重新播放用火狐浏览器就是可以的

34 14

这两个公式怎么推导出来的？

40 13

laoshi老师

57 13

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载