pt：物理像素（电容屏上像素块个数） px：逻辑像素、设备独立像素 高清屏：1px = 4pt 普通屏：1px = 1pt dpr：设备像素比：（某一方向上）物理像素/逻辑像素 通常设置1rem=屏幕宽度*dpr/10；设置缩放，使1px与1pt相等。 例如：1rem 为 320*2/10=64px Read More
【转载】响应式图像 自从2010年Ethan Marcotte开始讨论响应式网页设计，开发者和设计师们竞相寻求处理响应式图片的方法。这的确是一个棘手的问题 ，因为我们对同一个网站在众多设备宽度下，使用同一图像源。你愿意在一个大显示屏上显示模糊地、马赛克状的图像？你愿意在你的手机上加载一个巨大的（虽然 Read More
【转载】移动终端开发必备知识 一、基本概念 （1） CSS pixels与device pixels CSS pixels： 浏览器使用的抽象单位， 主要用来在网页上绘制内容。 device pixels： 显示屏幕的的最小物理单位，每个dp包含自己的颜色、亮度。 等值的 CSS pixels在手机 Read More
map，area标签 a、shape 属性： （建议使用缩写，最后写default） b、coords 属性： 圆形：shape="circle"，coords="x,y,z" 这里的 x 和 y 定义了圆心的位置（"0,0" 是图像左上角的坐标），r 是以像素为单位的圆形半径。 多边形：shape Read More
浏览器结果显示如下： 半径35px，div高度35px；直径小于div高度时，直径按照div高度计算 Read More