《移动优先与响应式Web设计》一第1章 增长

本节书摘来异步社区《移动优先与响应式Web设计》一书中的第1章,第1.1节,作者: 【美】Luke Wroblewski , Ethan Marcotte 译者: 司徒卓恆 责编: 赵轩,更多章节内容可以访问云栖社区“异步社区”公众号查看。

第1章 增长

移动优先与响应式Web设计
坐地铁,逛商场,或经过任何一所中学时,你都会看到人类近期的变化。你会看到在街上每个人手上都会长着一个小小的发光屏。幸好,这不是什么基因异变,只不过是我们的老朋友—手机。它无处不在。

如果你不了解最近趋势,让我给你简述一下:移动设备增长得像疯了一般(得专业,我知道)。近年来,分析师都预测移动设备会成为“下一件大事”,他们的预言终于成真了,真的很大。想知道有多大,以下就是近年的数据。

曾有人预测,2012年时,智能手机的销量会超越手提电脑、台式计算机和笔高本电脑的总销量。事实上,智能手机的销量早在2010年第四季度就已经超越了—比预测年份早了两年,如图1.1所示。

此增长说明了用移动设备上网的人将会比用计算机的人多。这个过渡早已开始了。2008至2010年,家用计算机在美国的使用率大跌20%。元凶是谁?智能手机和平板电脑正在充满网络世界。

还有更多证据。2010年11月,浏览器电子邮件服务的使用人数减了6%,用移动设备收发电邮的人数却增长了36%。


1

  • 2010年,移动版网页的流量增长了600%。2009至2010年间更是增长了3倍。
  • 这种趋势只会继续增长。2009年,全球有5亿人使用移动设备上网,而到2013年,移动智能手机出货量接近10亿部(来源“移动互联网的未来”报告)。
  • 现在,手机已取代计算机成为全球最普遍的网络设备,这个预测会比预期更早实现。

现在移动网络不再只是小玩意儿了。网上商店、社交网络、搜索工具等实际业务已正在移动平台上迅速发展。没错,移动平台商机处处,不容忽视。

  • PayPal每天处理高达1000万美元的移动网上交易。
  • 2010年,eBay的全球移动销售额接近20亿美元。
  • 2010年第三季度,移动版谷歌的搜索量增长了130%。
  • 50%的Pandora用户都用移动设备来注册。

你以为你的网站和软件没有受益?事实上每个智能手机用户每天浏览多至24个网站,前50%的网站只容纳了40%的移动设备的访问次数。换句话说,你的网页很大可能受益于移动平台的增长。

事实上,你不需要知道这些数字也能察觉到移动平台正在爆发。只需要看看你身边有多少人正在盯着手上的屏幕就全都了解了。移动设备已经无处不在。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
响应式布局是指网页设计和开发中使用的一种技术,它能够根据用户的设备和屏幕尺寸自动调整和适应页面的布局和样式。在HTML第十一中,涉及到响应式布局的内容包括flexbox布局和媒体查询。 在引用中提到了flex-direction属性,它用于指定flex容器中子元素的排列方向,可以选择水平方向(row、row-reverse)或垂直方向(column、column-reverse)。这个属性在实现响应式布局时非常有用,通过设置不同的排列方向,可以使布局在不同的屏幕尺寸下自动调整。 另外,在引用中提到了一些与响应式布局相关的CSS属性和媒体查询。align-content属性用于控制flex容器中多行或多列的对齐方式。媒体查询则可以根据设备的特性(如设备宽度、方向等)来应用不同的样式规则,从而实现页面在不同设备上的适应性。 此外,在引用中提供了一个示例的CSS代码片段,包含了一些用于响应式布局的样式规则。该代码中使用了flex布局和媒体查询,通过设置不同的容器宽度、对齐方式和字体大小等属性,实现了在不同屏幕尺寸下的布局调整。 综上所述,HTML第十一中的响应式布局内容包括使用flexbox布局和媒体查询来实现页面在不同设备和屏幕尺寸下的自适应布局。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [ACCP8.0Y2Web前端框架与移动应用开发第1响应式布局](https://blog.csdn.net/weixin_30588675/article/details/96160947)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值