`
zhangyaochun
  • 浏览: 2620227 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

探究页面布局之960的概念是否还存在?

阅读更多

首先我们看一下目前众多的门户的页面布局。

 

首先先看看baidu的一些产品线,

 

再看看一些老门户
再看看一些在线商城
  • http://www.360buy.com/  --京东首页是1200居中宽
  • 淘宝网 ---1000居中宽
  • http://www.tmall.com/      --淘宝商场是990居中宽
  • http://www.amazon.cn/    --亚马逊设置的最小宽度980
  • 糯米网 ---980居中宽
  • 凡客    ---980居中宽
  • 当当    ---958居中宽
  • 国美电器 ---990居中宽
  • 中关村在线 ---内容区域960居中宽
  • 苏宁易购 ---1200居中宽

 

简单列举一些商业网站

一些社交类
  • 人人网:980居中宽
  • 58同城:1200居中宽
  • 赶集网:980居中宽
  • 世纪佳缘:801居中宽
  • 去哪儿:990居中宽
一些视频类
  • 优酷网:min-width最小宽度960居中宽
  • 土豆网:980居中宽
  • 爱奇艺:970居中宽
  • 搜狐视频:980居中宽
  • 乐视网:968居中宽
  • PPTV:980居中宽
  • 腾讯视频:1000居中宽
  • 凤凰视频:1000居中宽
  • 暴风影音:949居中宽
  • 酷六:960居中宽
  • 豆瓣电影:950居中宽
一些团购网站:
  • 美团网:内容区域960居中宽
  • 1号电:1200居中宽
  • 银泰网:980居中宽

一些技术论坛:
  • ITeye:950居中宽
  • CSDN:960居中宽
一些招聘网站:
  • 前程无忧:1002居中宽
  • 智联招聘:990居中宽


其实很简单地看到随着时间和硬件产品(显示器)等的推进,慢慢地960的概念淡了。

注释以上数据为个人最新测量

 

2
0
分享到:
评论

相关推荐

    网页设计的图片视觉概念探究-网页设计-设计.pdf

    网页设计的图片视觉概念是网页设计中的核心要素之一,它涉及到如何通过图像的选取、处理和布局,以提升用户体验和信息传达效率。随着信息技术的进步,网页设计中的图片视觉效果日益受到重视,因为高质量的图片不仅能...

    表格布局网页的说课稿.doc

    2. 过程与方法:通过实际操作,学生能利用布局表格和已有的知识制作出美观的网页页面。 3. 情感态度与价值观:体验网页制作的布局构思、填充内容和细化的过程,提高信息素养。 【教学重难点】在于理解和掌握表格在...

    标签式布局吧.zip安卓程序项目源码资源下载

    通过这个项目的源码学习,开发者不仅可以掌握标签式布局的实现,还能接触到安卓开发中的许多核心概念和技术,对提升整体技能水平大有帮助。同时,对于想要快速开发应用的团队,这个项目提供了一条捷径,可以在此基础...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    (3)针对页面自适应问题,本文结合渐进增强以及拥抱流式布局的思想,同时研究利用了移动设备的视口特性,实现跨分辨率、跨设备的页面自适应。 (4)针对系统的功能实现问题,通过结合利用原生态框架与HTML5的跨平台...

    浅谈css溢出机制探究

    CSS溢出机制是前端开发者在进行网页布局时经常会碰到的一个问题,它涉及到的内容溢出以及如何控制...通过深入理解CSS溢出机制的原理和属性,开发者可以更有效地控制页面布局,实现更美观、更具用户友好性的网页设计。

    Android系统中的Activity探究.pdf

    Activity的概念相当于手机上的页面,每个Activity代表着一个独立的屏幕,用于承载用户可见的UI元素和交互逻辑。开发者通过设置ContentView来展示特定的布局,使得用户能够看到并与其交互的界面。在Android应用开发中...

    茶叶商城小程序登录注册页面源码.zip

    总的来说,茶叶商城小程序登录注册页面源码的学习可以帮助开发者理解小程序的前端架构、用户认证流程以及前后端交互等核心概念。同时,它也提供了实践和优化用户体验的机会。在分析源码时,可以进一步探究其中的函数...

    关于Java网站内容管理的探究.zip

    1. 前端展示层:使用HTML、CSS和JavaScript构建用户界面,通常通过模板引擎来实现页面布局的动态生成。 2. 业务逻辑层:包含各种服务和控制器,处理用户的请求,执行业务逻辑,如内容的创建、更新、删除等操作。 3. ...

    home-page:个人网站,主要用于个人学习新技术,探究页面互动,提升自己的审美

    这个个人网站的焦点在于“学习新技术”和“探究页面互动”,这表明其内容可能包括编程教程、前端开发实践、用户体验设计等,以提升个人在这些领域的知识和技能。同时,“提升自己的审美”暗示了网站将注重视觉设计,...

    一款div+css做的网站

    这款网站的构建采用了经典的前端布局技术——div+css,这是一种在网页设计中广泛使用的方法,旨在实现结构与表现的分离,提高页面的可维护性和可扩展性。Div(Division)是HTML中的一个容器元素,常用于组织和划分...

    ASPNETWebPagesWithRazorSyntax.pdf

    - **向布局页面传递数据**:探究如何将数据传递至布局页面,实现动态内容展示。 #### 表单处理与数据交互 - **创建简单的HTML表单**:从零开始构建HTML表单,了解表单的基本结构和功能。 - **读取表单输入**:掌握...

    网页设计与制作课时说课稿PPT学习教案.pptx

    7. 页面布局与编辑,包括HTML语言的学习,用于构建网页的基础结构。 8. CSS层叠样式表,用于控制网页的样式和布局。 9. DIV+CSS网页布局,使用DIV元素配合CSS实现更灵活的网页布局。 10. 模板与库的应用,学习如何...

    1055js_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip

    自适应布局(Responsive Design)是移动端CSS的一个重要概念,通过媒体查询(Media Queries)可以实现不同设备屏幕尺寸下的样式调整,确保页面在手机和平板等不同设备上都能良好显示。此外,Flexbox和Grid布局模型也...

    网站项目:拍拍网.zip

    这个压缩包可能包含了拍拍网的页面结构、设计元素、交互逻辑等内容,用于教学、研究或者分析之用。 【描述】:“S1 HTML网页 拍拍网”表明这个项目可能属于一系列学习或项目开发中的第一部分(S1),专注于HTML(超...

    深入浅出Oracle之OAF开发参考

    ### 深入浅出Oracle之OAF开发参考 #### 一、OAF简介与特点 ##### 1.1 OAF简介 Oracle Application Framework (OAF) 是Oracle提供的一款用于HTML应用开发和发布的平台。该框架由一系列中间层服务及Oracle ...

    东南大学 操作系统 ppt

    总的来说,东南大学的操作系统PPT会是一个全面而深入的学习资源,它不仅帮助学生理解操作系统的基本概念,还能引导他们掌握实际操作系统的实现技术和设计思想,为未来在IT领域的职业生涯打下坚实的基础。

    [企业政府]淄博某泵业网站源码_newsite(ASP.NET源码).rar

    最后,通过分析压缩包中的子文件,我们可以深入探究网站的各个部分,例如:查看“About”或“Contact”页面的实现,了解数据库设计和交互,以及可能存在的自定义用户控件或母版页布局等。这样的源码学习有助于提升...

    H203_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip

    响应式设计是现代网页开发的核心概念之一,它允许网页根据用户设备的屏幕尺寸和方向自动调整布局、图片大小和脚本功能。这种设计方法依赖于CSS3的媒体查询,通过检测设备特征来应用不同的样式规则,确保在桌面、平板...

    简洁大气金融PPT模板.pptx

    【简洁大气金融PPT模板.pptx】包含多个预设页面布局,从目录页到总结页应有尽有。每一个页面都设计得十分合理,不仅结构清晰,也便于观众跟踪演讲者的思路。这些页面通过编号区分章节和主题,用户可以快速地定位并...

Global site tag (gtag.js) - Google Analytics