为了账号安全,请及时绑定邮箱和手机立即绑定

Hello,移动WEB

碧仔 Web前端工程师
难度中级
时长 2小时 1分
学习人数
综合评分9.53
240人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰

讲师回答 / 碧仔
关于电视设置分辨率的问题,我没有深入研究大体理解其原理为“缩放”。在1920*1080时候的1px应该是要比1280*720的更短一些的。px和dp的换算公式是基于缩放比,假如1920*1080的缩放比为1,那么1280*720的缩放比我们就假设1.5(可视度越低,缩放比越高,反之亦然)。这时: 1px = 1dp,和1px=1.5^2dp=2.25dp,得出结果也是符合的,1920的比1280的更小一些。所以问题处于你理解px和dp的换算公式上。

已采纳回答 / 化龙贝
chrome模拟器? 按F12, 下方会出现一个窗口,最左边有个小手机的标识,那个就是模拟器开关

已采纳回答 / 妈咪妈咪哄
你这个没有添加缩放比,一般会这样写<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

讲师回答 / 碧仔
Chrome浏览器自带的开发者调试工具。 Window使用F12打开,Mac上cmd + option +j

讲师回答 / 碧仔
meta在移动端是有效的,但是不是所有meta属性都生效。你的这种IECompatible的meta我没试过,国产Android博大精深,被坑之路还很漫长

已采纳回答 / 流沙_0017
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">要让视口宽度等于设备宽度才会满屏,你那样body宽还是980px,当然占不满

讲师回答 / 碧仔
https://github.com/williamtank/welcome_mobile web_flex.html 以后你们查看flex特效都可以用得着

讲师回答 / 碧仔
。。。。为什么是IE7,而不是我们老朋友IE6。回到问题,IE7肯定不行,IE8也是不行的。查看兼容性的话,建议学习使用http://caniuse.com/ 大项目当然可以使用,只是大项目的兼容性要到那里?如果你的项目需要所有用户都能访问的,要兼容低版本的IE,那Flex是不建议使用的。范围移动端,手机上的浏览器版本较高,这种CSS新特性能够使用

讲师回答 / 碧仔
viewport更像是个容器。如果没有viewport,页面就会渲染在一个小屏幕里面,这时根本不需要缩放了(T_T)对吧。

讲师回答 / 碧仔
参考2-1节,像素的转换关系

讲师回答 / 碧仔
1px = dpr ^2 * dp 是平面上的像素换算,但实际开发当中使用更多的是长度上的换算: 1px = dpr * dp。所以320px = 640dp 注意这时候320px 是长度不是平面,568px同理。

讲师回答 / 碧仔
当然,不排除国产机型的特殊性,你应该懂的

讲师回答 / 碧仔
我母鸡啊
课程须知
本课程是前端中级课程,您要具备以下知识: 1、HTML基础知识 2、CSS基础知识 3、JS基础知识
老师告诉你能学到什么?
1、页面在手机渲染的过程分析 2、高效移动web样式布局 3、解决移动web上的疑难杂症

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消