什么是响应式设计？
使网页根据任何可能的屏幕尺寸（窗口或视口尺寸）调整其布局和视觉风格的设计技术。
在实践中，这意味着响应式设计使网站可以在所有设备上使用，如台式电脑、平板电脑和手机。
这是一套做法，而不是一种独立的技术，这一切都只是CSS！"！
响应式设计成分
流体布局
让网页适应当前视口的宽度（甚至是高度）。
对于需要适应视口的元素，使用%（或vh/vw）单位而不是px（通常是布局）。
使用最大宽度而不是宽度
响应式单元
对大多数长度使用rem单位而不是px；
为了便于自动缩小（或提高）整个布局的规模；
有用的技巧：将1rem设置为10px，便于计算
灵活的图像
默认情况下，当我们改变视口时，图像不会自动缩放，所以我们需要解决这个问题
始终使用%来表示图像尺寸，同时使用最大宽度属性
媒体查询
将响应式网站带入生活！
要改变某些视口宽度上的CSS样式（称为断点）【我们将在下一节中学习如何使用媒体查询以及如何选择断点。】
桌面优先VS移动优先的发展
优网科技，优秀企业首选的互联网供应服务商
优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！
优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真）、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）、微信小程序定制开发等一系列互联网应用服务。
公安局备案号：
专属顾问
