WebApp 开发中常用的代码片段

其实这里面的多数都是 iOS 上面的代码。其他平台的就没有去验证了。

HTML, 从HTML文档的开始到结束排列:

<meta name=”viewport” content=”width=device-width, initial-scale=1.0″/> 让内容的宽度自适应为设备的宽度, 在做Mobile Web时必须加的一条

<meta name=”format-detection” content=”telephone=no”]]> 禁用手机号码链接(for iPhone)

继续阅读WebApp 开发中常用的代码片段

iLost Full 1.4 更新

这次 1.4 更新本来想直接支持 iOS 设备的视网膜屏幕的。可是由于时间的关系,只有推迟到下一个版本了。本次更新修复了部分浏览器无法复制的问题。之前饭否一直无法同步文章的原因是由于饭否的 API 接口使用了oauth 认证。这次也修改了接口可以同步到饭否了。

继续阅读iLost Full 1.4 更新

为视网膜显示屏优化网页上的图片

现在 iPad 也有视网膜屏幕 (retina display)了。正是依赖这视网膜显示屏,iPhone 4 的分辨率达到了640×960 pixel,iPad 的分别率达到了 1536 x 2048 pixel。不过为了保持向下兼容性,iOS 在网页上仍然是 320 × 480 point 和 768 x 1024 point。

也就是说,在不进行缩放的情况下,显示普通图片时,它会用4个像素来显示图片中的1个像素;而在显示retina图片时,每个像素都对应图片中的1个像素。这样网页上面的图片就会模糊了。文字却没有这个问题,因为文字是适量的。也就是说要解决图片模糊这个问题可以用 svg 适量图片来替换。

继续阅读为视网膜显示屏优化网页上的图片

再次更新 iPhone CSS 样式

首先是今天是本 Blog 上线 5 周年的纪念日。Blog 5 岁生日快乐!iLost 的 CMS 版在进行语音包的处理,很快就可以发布了。

最近把 iPhone 的样式更新了,主要是正对iPhone 的触摸特性把一些链接的点击区域放大了。iPhone 上由于屏幕限制就主打横屏浏览模式,搜索和分享在竖屏状态下是隐藏了的。

现在直接使用 iPhone 访问本站就可以看到新的针对 iPhone 优化后的主题样式了。

继续阅读再次更新 iPhone CSS 样式