在页面head中遇到viewport设置了target-densitydpi=device-dpi属性，搜索后发现一些站点也设置了该标签。荔枝FM<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi"> 网易<meta content="target-densitydpi=device-dpi,width=640,user-scalable=no" name="viewport"> 继续度娘了一下。“这个属性只对android系统起作用，专有属性。iOS不支持它，所以说起来，还是有兼容性问题，如果页面是兼容IOS和android的话。”表示模糊……arget-densitydpi 这个私有属性，它表示目标设备的密度等级，作用是决定css中的1px代表多少物理像素。target-densitydpi 值可以为一个数值或 high-dpi 、 medium-dpi、
前端优化，从速度上来说，分秒必争。参考gtmetrix.com的一些资料。分别记录来自Google PageSpeed和火狐 Yslow 的一些建议。来自Google PageSpeed 的 一些建议：避免使用元标记中的字符集避免不好的请求避免使用CSS @import避免使用CSS表达式（已弃用）避免使用document.write避免在移动网页上使用Flash（已弃用）避免登陆页面重定向避免插件结合外部CSS（不建议使用）结合外部JavaScript（不建议使用）使用CSS sprites组合图像延迟加载JavaScript（不建议使用）推迟解析JavaScript启用gzip压缩启用Keep-Alive改善服务器响应时间内联小CSS内联小型JavaScript利用浏览器缓存利用代理缓存（不建议使用）使登录页面重定向可缓存（不建议使用）缩小CSS缩小HTML缩小JavaScript最小化cookie大小（不建议使用）最小化DNS查找（不建议使用）最小化重定向最小化请求大小优化图像优化样式和脚本的顺序并行化主机名下载（不建议使用）首选异步资源将CSS放在文档头中从静态资源中删除查询字
两个不错的图片特效代码，留下来备用吧。一、图片加虚线边框代码<img style="border-width: 2; border-style: dotted;" src="图片地址" border="0" alt="" /> 其中"Notice:border-width:2"表示边框宽度，数值可改。二、图片边缘淡化代码<img style="filter: Alpha(Opacity=80,style=2);" src="图片地址" border="0" alt="" /> 其中"Notice:style=2"表示模糊类型，1表示从左往右渐变模糊，2四周椭圆渐变，3表示四周渐变模糊。下面的效果图即为按顺序的演示。呃，这个代码在火狐浏览器下不能正常使用，只有在IE浏览器下可以看到效果。可以自己尝试看看。
气味
心中旧气味，苦校去年时。
