哪里可以学习响应式布局

来源：蜘蛛抓取(WebSpider) 时间：2017-09-27 09:56 标签：
想深入学习DIV+CSS响应式布局方面的知识，有哪些书籍或者网站可以推荐？ - 知乎87被浏览4751分享邀请回答21 条评论分享收藏感谢收起2添加评论分享收藏感谢收起更多频道内容在这里查看
爱奇艺用户将能永久保存播放记录
过滤短视频
暂无长视频（电视剧、纪录片、动漫、综艺、电影）播放记录，
按住视频可进行拖动
&正在加载...
&正在加载...
抱歉，本页暂无内容！
{{ each data as item index}}
{{if item.isLast}}
&正在加载...
&正在加载...
{{ each data as item index}}
{{item.playcount}}
收藏成功，可进入查看所有收藏列表
把视频贴到Blog或BBS
当前浏览器仅支持手动复制代码
视频地址：
flash地址：
html代码：
通用代码：
通用代码可同时支持电脑和移动设备的分享播放
方式1：用手机看
用爱奇艺APP或微信扫一扫，在手机上继续观看
当前播放时间：
方式2：一键下载至手机
限爱奇艺安卓6.0以上版本
使用微信扫一扫，扫描左侧二维码，下载爱奇艺移动APP
其他安装方式：手机浏览器输入短链接//71.am/udn
下载安装包到本机：&&
设备搜寻中...
请确保您要连接的设备（仅限安卓）登录了同一爱奇艺账号 且安装并开启不低于V6.0以上版本的爱奇艺客户端
连接失败！
请确保您要连接的设备（仅限安卓）登录了同一爱奇艺账号 且安装并开启不低于V6.0以上版本的爱奇艺客户端
部安卓（Android）设备，请点击进行选择
请您在手机端下载爱奇艺移动APP（仅支持安卓客户端）
使用微信扫一扫，下载爱奇艺移动APP
其他安装方式：手机浏览器输入短链接http://71.am/udn
下载安装包到本机：&&
爱奇艺云推送
请您在手机端登录爱奇艺移动APP（仅支持安卓客户端）
使用微信扫一扫，下载爱奇艺移动APP
180秒后更新
打开爱奇艺移动APP，点击“我的-扫一扫”，扫描左侧二维码进行登录
没有安装爱奇艺视频最新客户端？
， 可在设置中重新打开噢！
30秒后自动关闭
从零基础学习网页设计16响应式布局
播放量数据：快去看看谁在和你一起看视频吧~
{{each data}}
抱歉，没有“{{feature}}”的其他视频了.
&正在加载...
&正在加载...
&正在加载...
&正在加载...
&正在加载...
&正在加载...
{{ each data as item index}}
Copyright (C) 2017
All Rights Reserved
您使用浏览器不支持直接复制的功能，建议您使用Ctrl+C或右键全选进行地址复制
安装爱奇艺视频客户端，
马上开始为您下载本片
5秒后自动消失
&li data-elem="tabtitle" data-seq="{{seq}}"&
&a href="javascript:void(0);"&
&span>{{start}}-{{end}}&/span&
&li data-downloadSelect-elem="item" data-downloadSelect-selected="false" data-downloadSelect-tvid="{{tvid}}"&
&a href="javascript:void(0);"&{{pd}}&/a&
选择您要下载的《》剧集：
本奖品由提供
红包雨下完了，下次早点来噢~
您使用浏览器不支持直接复制的功能，建议您使用Ctrl+C或右键全选进行地址复制响应式设计如何入门？ - 知乎428被浏览36134分享邀请回答/library/ios/#documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html3. 入门设计——策略与流程：会在 CSS 和 HTML 中使用 Media Query 和 Viewport，并不代表会响应式设计。看国外的文章，讨论的核心也从纯技术实现转向到设计策略。 提出过 Mobile First ()。这在 Mobile Web 爆发早期确实是挺有先见的，不过现在看来还是过于极端了。毕竟网页内容的大部分消费者还在使用 Lap/Desk-top，而每个网站的消费人群不同，策略也应该有所区别。BTW，不知道
去年底推出的糟糕改版是不是 Mobile First 理念的产物。反正页面宽过 960px 时，根本没法看……关于设计策略、设计流程，我自己的实践经验比较少，只能说具体问题具体分析。以下一篇文章和一个信息图可以作为阅读资料：————分割线——————以下是我想学但是还没掌握的——————分割线————4. 进阶技术：用 Sass/Less 订制一款属于自己的 Responsive CSS Framework浏览器兼容（不含IE6、7）5. 进阶设计：6. 高阶技术：刚刚在知乎查看“响应式设计”话题，发现 对 的答案。我觉得非常有意思。引用他的话：RWD不能是桌面版叠加适配代码，这样页面体积反而变大，在小屏幕里看到的实际上是一个更笨重的页面，性能只能比桌面版还差。同时手机浏览器的事件模型跟桌面浏览器的差异很大，意味一些交互也会不work。这样的结果无法让人接受。他给出的方案从页面模板的层面实现 RWD。我现在还没有使用模板框架的经验，以后会尝试学习一下。以上，浅薄的分享自己目前所知，以期学到更多。欢迎大家指正、补充或分享你们的入门方法。537 条评论分享收藏感谢收起01 条评论分享收藏感谢收起查看更多回答1 个回答被折叠（）响应式布局基础
视频太卡？试试切换线路
了解什么是响应式布局
实现响应式布局效果
响应式布局实例操作
只有成为VIP会员才能提问&回复，快吧！如果你还没有账号你可以一个账号。
添加新技术问题
课程 [响应式布局介绍]
中已存在问题
添加新技术问题
问题描述越详细，被解答的速度越快
有新回答时请邮件提醒我
着急，拜托快点
不急，慢慢解决
关联课程 [响应式布局介绍]

我要回帖

 

随机推荐