bykeer.com手机版上线 (2014-11-12 15:50:06 )

用了差不多十天晚上,完成了www.bykeer.com弹性改造——拥抱移动互联网,一手握住上半生,瞬间上了高大的赶脚有木有! :)
CSS3的FlexBox是流式布局的大杀器,不过出于兼容低级浏览器的考虑,遗憾弃用。CSS1的float已经基本够用,加上CSS2的max-width绝技和简单的JavaScript,就能在不改变PC大屏版面布局的前提下,实现相同内容在手机小屏上的完美呈现。
Wish you enjoy it!
主要在Chrome@XP,IE9@Win7,微信浏览器、默认浏览器、Opera Mini@Android4.2上做过测试,如果其他终端上有版式问题不吝留言~

分类(GEEK)  浏览(2894)

(微信中因网页重排导致链接异常或无法留言,请长按二维码并选择识别,或通过右上角菜单“在浏览器中打开”)

评论与留言(20141122.bykeer.com手机版上线)

[沙发] Jason[RE]
江苏(180.109.219.86)
2014-11-23 05:11:16
沙发留名
bykeer:[RE]
真早

[2楼] 活拂[RE]
江苏(49.77.232.82)
2014-11-23 07:09:08
看了一下,就是流式布局。
bykeer:[RE]
嗯。最早的网页写了很多table和position:absolute的东东……新网页大部分是用div拼成的,改起来很简单

[3楼] 凉白开[RE]
江苏(159.226.101.147)
2014-11-24 13:54:13
用一个过时的流行词,不明觉厉
手机OperaMini试了下没问题
bykeer:[RE]
我也常用OperaMini。不过这次调试中发现Android自带的浏览器虽然其貌不扬,功能却很强悍,基本上跟PC版Chrome完全一致,不愧是google一家出的。
不过对于传统网页,OperMini的单列模式很好用。

[4楼] 凉白开[RE]
江苏(183.232.39.17)
2014-11-24 14:06:58
真没问题,^_^,就是2G慢
bykeer:[RE]
换4G手机吧,不要辜负了这个时代,哈哈

[头像]
姓名
来自
悄悄话
  

«2014 - 11»
MonTueWedThuFriSatSun
     12
3456789
10111213141516
17181920212223
24252627282930