其实这里面的多数都是 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)

iLost Full 1.4 更新

2012-04-26 53 11,235 views

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

现在 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个像素。这样网页上面的图片就会模糊了。文 … 了解更多

再次更新 iPhone CSS 样式

2011-10-11 9 11,118 views

首先是今天是本 Blog 上线 5 周年的纪念日。Blog 5 岁生日快乐!iLost 的 CMS 版在进行语音包的处理,很快就可以发布了。 最近把 iPhone 的样式更新了,主要是正对iPhone 的触摸特性把一些链接的点击区域放大了。iPhone 上由于屏幕限制就主打横屏浏览模式,搜索和分享在竖屏状态下是隐藏了的。 现在直接使用 iPhone 访问本站就可以看到新的针对 iPhone 优化后的主题样式了。

再次更新iPad CSS 样式

2011-09-14 5 1364 views

经过几天的努力,再次把 iPad 的样式更新了,现在搞成类 WebApp 的风格了。竖屏状态下看不到边栏内容,完全是个阅读模式,横屏的时候就可以看到边栏的内容了。直接使用 iPad 访问本站就可以看到了。预览图在这里: 首页:

iOS 设备的网页兼容

2011-07-25 20 14,410 views

这个结合了自己这两个多月的工作所以遇到的问题,以及HTML5 的一些新特性来做一些应用上的介绍。 给 iOS 设备定制页面 其实只要网页已经使用了 HTML5 的标准来构建的网页,只需为 iOS 准备CSS 样式表文件就可以解决这个问题了。就像这篇文章里面的效果一样。没有使用任何相关的插件来实现。 iOS 设备都有一个特性那就是支持重力感应,屏幕的内容会随着设备在手里面的方向状态进行屏幕分辨率的宽度自适应。SO,浏览器在 CSS 的解析上就有了横竖两种分辨率的判断。不过 iPad 和 iPhone 的支持上 … 了解更多