课程
/前端开发
/Html5
/HTML5+CSS3实现春节贺卡
10px从哪里来的，100vm有是从哪里来的，这一块计算没有弄清楚
2017-01-22
源自：HTML5+CSS3实现春节贺卡 3-3
正在回答
欢迎常来慕课学习！小伙伴在等着你！
http://house.china.com.cn/sousou/%25101%253D%252C%2520%25%42%39%25%46%41%25%42%43%25%43%41%25%42%32%25%41%39%25%42%32%25%43%41%25%43%35%25%43%35%25%43%33%25%46%42%25%42%46%25%41%41%25%42%42%25%41%37%25%42%39%25%44%39%25%43%44%25%46%38%25%35%38%25%35%33%25%33%36%25%33%38%25%33%36%25%41%31%25%41%34%25%34%33%25%34%46%25%34%44%252C%25%43%32%25%43%30%25%43%31%25%42%41%25%43%43%25%45%35%25%44%33%25%46%44_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%42%30%25%43%34%25%43%33%25%43%35%25%42%44%25%46%30%25%43%39%25%42%33%25%43%46%25%44%36%25%42%44%25%46%30%25%41%31%25%42%45%25%42%39%25%44%39%25%43%44%25%46%38%25%41%31%25%46%41%25%34%32%25%33%32%25%33%30%25%33%32%25%33%34%25%32%45%25%34%33%25%34%45%25%41%31%25%42%46%252C%25%44%32%25%43%31%25%42%34%25%42%41%25%43%43%25%45%35%25%44%33%25%46%44_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%42%30%25%44%39%25%42%43%25%44%32%25%43%30%25%44%36%25%44%35%25%42%44%25%41%31%25%42%45%25%34%32%25%33%32%25%33%30%25%33%32%25%33%34%25%32%45%25%34%33%25%34%45%25%42%42%25%42%36%25%44%33%25%41%44%25%43%34%25%46%41%25%41%31%25%42%46%252C%25%43%38%25%41%41%25%44%36%25%44%44%25%42%44%25%42%42%25%42%39%25%44%43%25%42%45%25%44%36_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%44%30%25%43%32%25%42%30%25%44%39%25%43%41%25%41%34%25%44%33%25%45%39%25%42%39%25%44%39%25%43%44%25%46%38%25%34%32%25%33%32%25%33%30%25%33%32%25%33%34%25%32%45%25%34%33%25%34%45%252C%25%44%33%25%41%35%25%43%43%25%42%36%25%42%44%25%42%42%25%42%39%25%44%43%25%42%45%25%44%36_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%44%31%25%43%35%25%43%32%25%45%44%25%42%39%25%46%45%25%42%32%25%41%39%25%42%46%25%41%41%25%42%42%25%41%37%25%42%39%25%44%39%25%43%44%25%46%38%25%35%38%25%35%33%25%33%36%25%33%38%25%33%36%25%41%31%25%41%34%25%34%33%25%34%46%25%34%44%252C%25%42%30%25%46%43%25%43%44%25%42%37%25%44%35%25%44%30%25%43%36%25%42%38_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%43%33%25%45%35%25%42%35%25%45%39%25%42%30%25%44%39%25%43%41%25%41%34%25%42%46%25%43%44%25%42%37%25%46%45%25%42%39%25%44%39%25%43%44%25%46%38%25%35%38%25%35%33%25%33%36%25%33%38%25%33%36%25%41%31%25%41%34%25%34%33%25%34%46%25%34%44%252C%25%43%34%25%46%45%25%42%35%25%43%32%25%44%30%25%43%32%25%43%45%25%43%35_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%44%30%25%43%32%25%42%44%25%46%35%25%42%44%25%41%44%25%43%44%25%42%36%25%44%37%25%41%32%25%42%46%25%41%41%25%42%42%25%41%37%25%35%38%25%35%33%25%33%36%25%33%38%25%33%36%25%32%45%25%36%33%25%41%33%25%43%46%25%41%33%25%43%44%252C%25%42%42%25%43%36%25%42%38%25%44%34%25%43%45%25%43%30%25%43%41%25%44%33_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%44%30%25%43%32%25%42%30%25%44%39%25%43%41%25%41%34%25%42%35%25%44%38%25%44%36%25%42%37%25%41%31%25%42%45%25%34%32%25%33%32%25%33%30%25%33%32%25%33%34%25%32%45%25%34%33%25%34%45%25%42%42%25%42%36%25%44%33%25%41%44%25%43%34%25%46%41%25%41%31%25%42%46%252C%25%43%42%25%42%37%25%44%36%25%44%44%25%43%45%25%43%30%25%43%41%25%44%33_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%43%43%25%44%41%25%43%31%25%46%41%25%44%33%25%45%39%25%43%30%25%44%36%25%42%41%25%43%39%25%42%39%25%44%39%25%41%31%25%42%45%25%42%39%25%44%39%25%43%44%25%46%38%25%41%31%25%46%41%25%34%32%25%33%32%25%33%30%25%33%32%25%33%34%25%32%45%25%34%33%25%34%45%25%41%31%25%42%46%252C%25%43%45%25%42%43%25%43%34%25%43%46%25%43%43%25%46%41%25%43%44%25%41%38_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%44%35%25%45%36%25%43%37%25%41%45%25%43%39%25%43%46%25%42%41%25%41%33%25%43%32%25%45%39%25%42%44%25%41%42%25%44%36%25%42%31%25%44%33%25%41%41%25%43%44%25%46%38%25%34%32%25%33%32%25%33%30%25%33%32%25%33%34%25%32%45%25%34%33%25%34%45%252C%25%42%33%25%42%32%25%42%41%25%46%45%25%43%39%25%45%37%25%42%31%25%41%33_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%43%33%25%45%35%25%42%35%25%45%39%25%42%36%25%43%34%25%42%33%25%43%37%25%44%37%25%41%32%25%42%32%25%45%31%25%41%31%25%42%45%25%42%39%25%44%39%25%43%44%25%46%38%25%41%31%25%46%41%25%34%32%25%33%32%25%33%30%25%33%32%25%33%34%25%32%45%25%34%33%25%34%45%25%41%31%25%42%46%252C%25%42%41%25%42%43%25%44%36%25%44%44%25%43%38%25%43%42%25%42%32%25%43%35_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%43%33%25%43%44%25%42%39%25%45%44%25%42%33%25%46%36%25%43%37%25%41%37%25%42%46%25%41%41%25%42%42%25%41%37%25%35%38%25%35%33%25%33%36%25%33%38%25%33%36%25%32%45%25%36%33%25%41%33%25%43%46%25%41%33%25%43%44%252C%25%42%31%25%42%45%25%43%46%25%41%41%25%44%31%25%41%37%25%42%38%25%41%45_1s.htmhttp://house.china.com.cn/sousou/%25101%253D%252C%2520%25%42%39%25%46%42%25%42%32%25%41%39%25%42%46%25%41%41%25%42%42%25%41%37%25%42%46%25%43%44%25%42%37%25%46%45%25%44%36%25%42%31%25%44%33%25%41%41%25%42%46%25%41%41%25%42%42%25%41%37%25%33%41%25%34%32%25%33%32%25%33%30%25%33%32%25%33%34%25%32%45%25%34%33%25%34%45%252C%25%42%42%25%42%34%25%42%31%25%42%31%25%43%45%25%43%30%25%42%43%25%43%36%25%43%45%25%41%46_1s.htmhttps://db.auto.sina.com.cn/search/?search_txt=%E4%BA%91%E9%BC%8E%E5%9B%BD%E9%99%85%E5%A8%B1%E4%B9%90%E3%80%90TL262%C2%B7C%EF%BC%AFM%E6%AC%A2%E8%BF%8E%E6%82%A8%E3%80%91%E5%92%B8%E9%98%B3%E5%8D%AB%E7%94%9F%E5%B1%80https://minecraft.fandom.com/zh/wiki/UserProfile:%E7%9A%87%E5%AE%B6%E5%9B%BD%E9%99%85%E6%B3%A8%E5%86%8C%E7%99%BB%E5%BD%95%E7%94%B5%E8%AF%9D%E6%8E%A8%E8%8D%90TL262%C2%B7C%EF%BC%AFM%E6%96%B0%E4%B9%A1%E7%99%BE%E5%A7%93%E7%BD%91%EF%BD%9A%EF%BC%BD?variant=zh-hk&cb=&mobileaction=toggle_view_mobilehttp://iias.tsinghua.edu.cn/search/%E7%BC%85%E7%94%B8%E6%B0%B8%E6%98%8C%E5%A8%B1%E4%B9%90%E5%BC%80%E6%88%B7B2024%C2%B7CN%E9%93%9C%E9%99%B5%E7%84%A6%E7%82%B9http://gdh.dict.cn/%E7%94%98%E8%82%83%E5%90%88%E4%BD%9C%E5%93%AA%E9%87%8C%E8%83%BD%E7%8E%A9%E5%BA%84%E5%92%8C%E9%97%B2%E3%80%90B2024.CN%E6%AC%A2%E8%BF%8E%E6%82%A8%E3%80%91%E5%AE%81%E6%B3%A2%E8%8A%82%E7%9B%AE%E8%A1%A8https://db.auto.sina.com.cn/search/?search_txt=%E9%93%B6%E9%92%BB%E5%A8%B1%E4%B9%9024%E5%B0%8F%E6%97%B6%E5%9C%A8%E7%BA%BF%E5%AE%A2%E6%9C%8D%E5%BE%AE%E4%BF%A1%E3%80%90%E5%AE%98%E7%BD%91%E2%86%92TL262%C2%B7C%EF%BC%AFM%E3%80%91%E9%80%9A%E8%BE%BD%E9%AB%98%E6%A0%A1https://list.jd.com/search?keyword=%E9%91%AB%E7%99%BE%E5%88%A9%E5%A8%B1%E4%B9%90%E7%BA%BF%E4%B8%8A%E7%94%B5%E8%AF%9D%E3%80%90B2024%C2%B7CN%E3%80%91%E5%8D%97%E6%98%8C%E7%A7%BB%E5%8A%A8https://search.bilibili.com/all?keyword=%E8%80%81%E8%A1%97%E6%9E%9C%E5%8D%9A%E4%B8%9C%E6%96%B9%E5%A8%B1%E4%B9%90%E6%80%8E%E4%B9%88%E6%B3%A8%E5%86%8C%E7%BD%91%E5%9D%80B2024.%EF%BC%A3N%E8%AF%9A%E4%BF%A1%E7%BD%91%E5%9D%80%EF%BC%AB%EF%BC%B3%EF%BC%8Fhttps://search.bilibili.com/all?keyword=%E6%9E%9C%E6%95%A2%E8%85%BE%E9%BE%99%E5%9B%BD%E9%99%85%E7%94%B5%E8%AF%9D%E5%B9%B3%E5%8F%B0%E5%A6%82%E4%BD%95%E4%B8%8A%E4%B8%8B%E5%88%86%E3%80%90TL262%C2%B7%EF%BC%A3%EF%BC%AF%EF%BC%AD%E6%AC%A2%E8%BF%8E%E6%82%A8%E3%80%91%E7%9B%8A%E9%98%B3%E9%98%B2%E7%96%AB%EF%BC%98https://www.oschina.net/search?scope=news&q=%E7%BC%85%E7%94%B8%E7%9A%87%E5%AE%B6%E5%88%A9%E5%8D%8E%E4%BC%A0%E5%AA%92%E7%9B%B4%E8%90%A5%E5%BC%80%E6%88%B7%3ATL262%C2%B7C%EF%BC%AFM%E6%B3%B0%E5%AE%89%E5%A4%A7%E5%AD%A6&days=0&onlytitle=0&sort_by_time=0https://iias.tsinghua.edu.cn/search/%E7%BC%85%E7%94%B8%E9%91%AB%E4%BD%B0%E5%88%A9%E5%A8%B1%E4%B9%90%E5%9C%A8%E7%BA%BF%E7%9B%B4%E8%90%A5%E7%BD%91TL262%C2%B7%EF%BC%A3%EF%BC%AF%EF%BC%AD%E6%BB%81%E5%B7%9E%E4%BA%BA%E6%89%8D/feed/rss2/https://b2b.baidu.com/s?q=%E7%8E%89%E5%92%8C%E5%A8%B1%E4%B9%90%E5%AE%98%E7%BD%91%E7%BD%91%E5%AE%98%E6%96%B9%E7%BD%91%E5%9D%80TL262%C2%B7%EF%BC%A3%EF%BC%AF%EF%BC%AD%E7%99%BD%E5%9F%8E%E4%BC%81%E4%B8%9A&from=searchhttp://dblab.xmu.edu.cn/?s=%E7%BC%85%E7%94%B8%E9%87%91%E5%B1%B1%E8%B4%B5%E5%AE%BE%E4%BC%9A%E5%BC%80%E6%88%B7%E7%9B%B4%E8%90%A5%E7%BD%91B2024.CN%E6%B3%B0%E5%B7%9E%E4%BA%A4%E7%AE%A1%E5%B1%80https://mod.3dmgame.com/mods?mods_title=%E9%91%AB%E7%99%BE%E5%88%A9%E5%A8%B1%E4%B9%90%E5%BC%80%E6%88%B7%E5%BC%80%E6%88%B7%E5%AE%98%E7%BD%91B2024%C2%B7CN%E6%98%86%E6%98%8E%E7%94%B5%E4%BF%A1http://gdh.dict.cn/%E7%BC%85%E7%94%B8%E6%9E%9C%E6%95%A2%E7%9A%87%E5%AE%B6%E5%88%A9%E5%8D%8E%E5%A4%A7%E9%85%92%E5%BA%97%E4%BD%8D%E7%BD%AE%E5%BC%80%E6%88%B7%E5%AE%98%E7%BD%91B2024%C2%B7CN%E5%AE%9C%E5%AE%BE%E7%83%AD%E9%97%A8http://dblab.xmu.edu.cn/?s=%E6%96%B0%E7%99%BE%E8%83%9C%E5%A8%B1%E4%B9%90%E9%9B%86%E5%9B%A2%E7%8E%B0%E5%9C%BA%E5%AE%9E%E4%BD%93%E5%AE%98%E6%96%B9%E7%BD%91%E5%9D%80B2024%C2%B7CN%E4%B8%8A%E9%A5%B6%E7%83%AD%E6%90%9Chttps://www.oschina.net/search?scope=all&q=%E7%8E%89%E7%A5%A5%E5%81%9A%E4%BB%A3%E7%90%86%E5%8F%AF%E4%BB%A5%E5%90%97%E3%80%90TL262%C2%B7C%EF%BC%AFM%E3%80%91%E7%9B%98%E9%94%A6%E5%8A%9E%E4%BA%8B%E5%A4%84%EF%BC%AA%EF%BC%A4
屏幕宽640px 对应100vw
100/640=0.15625 vw/1px
font-size为10px,换成vw单位为
10*0.15625=1.5625vw
x/设备宽度=y/100(x可以是字体大小，也可以是宽度，高度；y是vw),你这里这个100VM就是公式（姑且叫它公式）里的100，其实就是分成100份，也
举报
又逢新春佳节，春节贺卡搞起来，学会HTML5+CSS3实现春节贺卡
2 回答从哪儿下载课件里面的素材呢？
2 回答素材哪里弄呢
1 回答课程里算出来的数值
1 回答移动端的宽高是怎么计算出来的
1 回答整理代码这一块，快捷键有哪些
