简单了解一下响应式布局。。
响应式布局就是它设计的页面可以适应不同的终端用户;响应式布局可以为不同的用户提供更好的体验。
它的优点:
1,灵活性强
2,可以适应不同设备的显示问题。
缺点:
耗时,耗流量,因为他所用的代码比较多,页面加载的时间比较长。
如何实现响应式布局?
响应式布局呢它可以解决不同屏幕的尺寸大小,所以这里要用到一个新的知识点,那就是‘媒体查询’
媒体查询它是一种特殊的css样式,
语法:
@media screen and (min-width: 750px) { // 屏幕宽度 > 750时采用的样式}
@media screen and (max-width: 750px) { // 屏幕宽度 < 750时采用的样式}
当屏幕大小大于750时他是一个样式,
当屏幕大小小于750时他又是一个样式,
响应式布局利用这个神兵利器可以实现实用性很强的页面。