【Web】百度有聊官网的一些布局不好之处

　　　　贴吧最近开始猛发力，贴吧文化主题定义为兴趣、主页改版、界面改版、CSS3特效、和其他IT站（天猫、果壳等）合作开设特制吧、明星特制吧、全球粉丝ID、徽章制、新增颜表情等 。 现在不甘于文字，向语音进发。“有聊”，浓厚贴吧文化的语音软件，自动定位，把身边的吧友圈在一起。http://t.cn/zHagevi 

　　　　这是有聊的官网。我本来是想把这个手机的素材收集起来留着以后用，但是去找图片的时候惊艳到我了。

　　　　

 

　　　　手机素材竟然是连着背景的，这。。。。还有，这些字也在背景里。我觉得这样不是很好，这两个高亮的红框都应该独立出来，避免布局混乱。

 

　　　　　　把浏览器缩小，就可以看到布局的错位。

 

　　　　　　我找了一些应用的官网来看，手机背景是一个盒子，相对于居中盒子绝对定位，里面包着要切换的图。前一段时间我在公司实习时也做了个手机应用的官网，当时虽然没有研究过，但是鉴于分模块的思想就理所当然的把手机当成一个盒子，现在看来，当时的做法是正确的。

 

　　　　　　浏览器缩小后没有错位

 

 

 

 

　　　　　　值得一提的是，海豚才用响应式设计，窗口缩小后，手机就没了。

 

 

≡≡≡≡≡≡≡≡≡≡★ From Laker's blog ★≡≡≡≡≡≡≡≡≡≡

¤　╭⌒╮☀Coding and changing~☀ ╭╭ ⌒╮

✪Fighting and insisting~✪