本文探讨了如何在网页设计中采用Zepto.js，并通过将字体单位从px转换为em来提高跨浏览器兼容性和用户体验。文章还详细介绍了如何调整行距和纵向高度单位为em，以确保网页在不同设备上的适配性。此外，通过实例演示了如何设置导航栏高度为45px，从而实现响应式设计。
1、采用的是zepto.js
2、字体采用的是Helvetica，body选择器中声明Font-size=62.5%；
3、字体单位应该用em而不用px，原因简单来说就是支持IE6下的字体缩放,在页面中按ctrl+滚轮，字体以px为单位的网站没有反应。px是绝对单位，不支持IE的缩放,em是相对单位。
4、行距(line-height)，和纵向高度的单位都用em。保证缩放时候的整体性。
5、 将你的原来的px数值除以10，然后换上em作为单位；
2、字体采用的是Helvetica，body选择器中声明Font-size=62.5%；
3、字体单位应该用em而不用px，原因简单来说就是支持IE6下的字体缩放,在页面中按ctrl+滚轮，字体以px为单位的网站没有反应。px是绝对单位，不支持IE的缩放,em是相对单位。
4、行距(line-height)，和纵向高度的单位都用em。保证缩放时候的整体性。
5、 将你的原来的px数值除以10，然后换上em作为单位；
6、导航的高度为45px;
http://www.lagou.com/center/job_1021235.html?resubmitToken=0d9e9e7dc2ea4231959d559379aeda23&m=1&from=singlemessage&isappinstalled=0
扫一扫
267
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
