什么是响应式设计？
使网页根据任何可能的屏幕尺寸（窗口或视口尺寸）调整其布局和视觉风格的设计技术。
在实践中，这意味着响应式设计使网站可以在所有设备上使用，如台式电脑、平板电脑和手机。
这是一套做法，而不是一种独立的技术，这一切都只是CSS！"！
响应式设计成分
流体布局
让网页适应当前视口的宽度（甚至是高度）。
对于需要适应视口的元素，使用%（或vh/vw）单位而不是px（通常是布局）。
使用最大宽度而不是宽度
响应式单元
对大多数长度使用rem单位而不是px；
为了便于自动缩小（或提高）整个布局的规模；
有用的技巧：将1rem设置为10px，便于计算
灵活的图像
默认情况下，当我们改变视口时，图像不会自动缩放，所以我们需要解决这个问题
始终使用%来表示图像尺寸，同时使用最大宽度属性
媒体查询
将响应式网站带入生活！
要改变某些视口宽度上的CSS样式（称为断点）【我们将在下一节中学习如何使用媒体查询以及如何选择断点。】
桌面优先VS移动优先的发展
優(yōu)網(wǎng)科技秉承"專業(yè)團(tuán)隊、品質(zhì)服務(wù)" 的經(jīng)營理念，誠信務(wù)實(shí)的服務(wù)了近萬家客戶，成為眾多世界500強(qiáng)、集團(tuán)和上市公司的長期合作伙伴！
優(yōu)網(wǎng)科技成立于2001年，擅長網(wǎng)站建設(shè)、網(wǎng)站與各類業(yè)務(wù)系統(tǒng)深度整合，致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)（品牌展示型、官方門戶型、營銷商務(wù)型、電子商務(wù)型、信息門戶型、微信小程序定制開發(fā)、移動端應(yīng)用（手機(jī)站、APP開發(fā)）、微信定制開發(fā)（微信官網(wǎng)、微信商城、企業(yè)微信）等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。
公安局備案號：
專屬顧問
