今天我们要学习的是页面布局中一个很重要的布局–响应式布局。基本上每个项目都需要做这样一个布局，因为设备屏幕分辨率的多样性，我们必须做一些兼容性的体验，也就是响应式布局。
响应式布局案例
2、自适应布局就是指能忘了使网页自适应的显示在不同大小终端设备上的新网页设计方式及技术，它需要开发多套界面来适应不同的终端。
自适应布局案例
在我们看到响应式布局效果和搞清楚概念后，我们一起来看下上面效果图中的实现代码。
代码分析：这边主要是看 .city 这个类的样式（css），有用到一个css属性：浮动（float）。在代码中我们可以看到 .city 类下有一个 float: left; 代码段，这边指的是当前Dom元素脱离文档流往左边浮动，可以简单理解为离地往左边飞。因为离地浮起来了，多以当空间（窗口宽度）不够用是吗，就会被挤到下一行。
在实际项目开发中会运到很多这样的场景，所以这是一个必须掌握的知识点。希望大家务必需要多花点心思，如果有遇到什么问题可以随时私信我。
欢迎咨询讨论，感谢你的观看。。。
女光头留10个月头发建议不要拉直，因为女光头10个月蓄发如果长得满可能长的并不长，这个时候拉直会对头发有很大的损伤，可能会导致头发太细，容易断掉。 女光头留10个月头发可以拉直吗 …
生活中有这样一些人，总是喜欢窥探别人的隐私，人们总是想要偷窥的心理其实源于天生的好奇心，这又源于对未知的探索心。但是有些人并非出自好奇心，而是窥探他人隐私来满足自己的变态欲望，无论…
轻松一键，恢复到最佳系统状态。专为电脑新手设计，操作更简单，更好用，更安全！ 1、老毛桃一键还原主程序兼容Win2003、Winxp、Win7以及WinPE系统。为避免部分杀毒软件…
未来可期！天津规划新地铁，全长31.3千米，预计2023年通车 天津是我国的一座重要城市，这里的经济发展一直以来都非常不错，在去年前三个季度这里的生产总值已经将近12,000亿元，…
鱼杆19偏28调指的是它比19调软，比28调硬。19调属于超硬鱼竿，钓鱼的时候只要前面十分之一的地方弯曲，28调也比较硬，会在十分之二处弯曲，37钓就软一些了，会在十分之三处弯曲。…
在和女生的相处过程中，或许你觉得你们的感情已经有所进展了，但是你们之间始终没有戳破那层纱窗，这个时候你可以试试一个开玩笑试探性的表白，套路对方是否喜欢你! 一个开玩笑试探性的表…
今天给大家聊一聊和跟女生聊天需要注意什么？如何跟女生聊天不尴尬! 那我们首先要理解一下，我们聊天的目的是什么？ 我们聊天目的是:邀约和升级彼此之间的关系，不是为了纯粹地聊天而聊天。…
鸡肠子钓鱼可以钓到黑鱼、鳗鱼、鲈鱼、鲶鱼以及鳊鱼等。鸡肠子是比较腥的饵料，一般适合钓一些肉食性的鱼类，也可以钓杂食性的鱼，但只有在秋冬季的时候才能用，其他季节容易吸引小鱼闹窝。另外…
新手创业怎么赚钱?新手创业应该干什么?新手创业适合选址一些低成本的投资项目，首先低成本生意，前期资金投入少，操作经营简单，只要是个性，创意，实用，那么不说赚大钱，光是利润就能够获得…
导语：相信很多人都会觉得日本女生的皮肤普遍通透、白嫩且光滑，而日本护肤品很多都是天然无添加，其中日本药妆最为出名，那其中哪些日本化妆品品牌较为出名呢，本文就为大家盘点并介绍日本…
一些小伙子不回应键盘，我该怎么办？让我们谈谈小编如何解决。 1.仔细观察界面，键盘查找Numlock键，按此按钮查看是否有任何反应。 如果上述方法不起作用，则可以尝试以下方法。 1…
有色铟上市公司龙头有哪些？ 株冶集团（600961）： 龙头，在毛利润方面，从2017年到2020年，分别为6.44亿元、-3.3亿元、4.62亿元、7.78亿元。公司主要生产铅、…
广告之父大卫·奥格威曾说到：“除非你的广告建立在伟大的创意之上，否则它就像夜航的船，不为人所注意。 创意即是营销的核心，它往往能够给予用户一种眼前一亮的感觉，从而在消费者心智之中留…
农商银行董事长权力是最大的。董事长是银行董事会的领导，其职责具有组织、协调、代表的性质。董事长的权力在董事会职责范围之内，不管理银行的具体业务，一般也不进行个人决策，只在董事会开会…
导语：现在到了冬季广东省的天气慢慢变冷了，很多游客会选择一些温泉度假村去泡温泉，是度假休闲的好地方。今天bt狗攻略网网为大家整理了广东十大温泉排名榜，一起来了解一下吧。 广东十…
