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

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

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

    

 

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

 

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

 

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

 

      浏览器缩小后没有错位

 

 

 

 

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

 

 

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

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

✪Fighting and insisting~✪

 

原文地址:https://www.cnblogs.com/younglaker/p/3131762.html