ProjeKt D.K

还是接着上回的话题吧，感谢leafduo和Lushnis两位很有手机品味的朋友的测试 :D

为什么做这个测试呢？我自己现在绝大部分时间都是在用手机上网，所以自然而然对我的blog进行mobile化改造很必要了。我的Nokia E71上用的是Opera Mini浏览器，它有两个优点，一是对标准（HTML5, CSS）的支持，二是页面经Opera服务器中转压缩处理，省流量。Nokia S60自带的基于webkit的浏览器我也试过，但是既不能解读handheld也不能处理高级点的Media Queries，所以基本上如果单纯从CSS, HTML下手，没法把它从众多桌面浏览器中区分开来，为它设立一个格外的mobile stylesheet。iPhone Safari我也把玩过几次，它对页面的渲染相当好，几乎不需要我格外去设立一个stylesheet了。其他的掌上设备浏览器还包括Android Chrome Lite，Netfront，UCweb等，我都没测试过。

针对各主流手机浏览器设立独立的样式表

因为目前主流的手机屏幕宽度像素都在320px以内，为了让我更好的用E71浏览我自己的blog，我为320宽度屏幕设立了一个独立的样式，把整个容器的宽度都调整到320px，字号也调小到相对大小1.3em。
Read More

如题，呼唤各位M8, iPhone, HTC Android的机友帮忙测试下这个网页: @Media Rules Test

测试的目的很简单，检查下各主流移动平台下浏览器对CSS3 @Media Rules的支持情况。我主要测试的是对device-width, orientation的属性支持，凡是支持该属性的都会以绿色背景显示。大家或者截屏告诉我结果，或者有经验的直接告诉我你的移动设备浏览器是否支持device-width, orientation这两个属性就行了。

从我目前用Nokia E71下Opera Mini测试的结果来看，Opera Mini支持device-width属性，但不支持orientation，考虑到M8 OEM的是Opera浏览器，所以估计在M8下的情况也差不多。测试iPhone Safari和Android Chrome Lite是因为，这两个浏览器都支持横屏模式(landscape)。

Anyway，强烈感谢大家的参与。

我算是个老古董了，从大一开始一直用着那款Panasoic的非智能直板机X200，那手机反应慢不说，电板还极不耐用。可偏偏碰到我这种会保护东西的主儿，大学四年一不破二不丢三不旧的 … 痛下决心毕业了一定要换个手机。

我买手机第一考虑肯定是智能手机，要qwerty全键盘，这么落下来就无非是在Apple iPhone, Blackberry, HTC, Nokia S60中选了:

• Apple 太贵，不是不想要
• Blackberry 9000 那是没话说的经典，可惜比Apple还贵。其他机型又太粗了，放前裤袋里未免太突兀
• HTC 的G1 … 整一个计算器样的，太丑! 其他的WM系统的自然不会在我的考虑范围

最后剩下了诺记的E71这款商务机，版本也是名目繁多，大陆版没有wifi肯定看都不用看，没wifi的智能手机还不如买个800块的凑合用就是了；欧版最便宜，不过不支持联通的W-CDMA 3G制式，而且辐射比亚洲版的高，长期挂在裤袋里对我这种”软弱书生”势必是个sperm killer；亚太版和港版规格一样，就是键盘上的笔画是后刻的，不能透光，而且内地无法保修。最终还是多掏两百块2500购入了港行E71。
Read More