新手教学-css响应式布局如何实现
响应式布局可以让网站同时适应不同的分辨率和不同的手机端,让客服端有更好的体验
方案一:百分比布局(流式布局,就是百分比布局,也称为非固定像素布局)
利用对属性设置百分比来布局,这里的百分比布局是相对应父元素;能够设置的属性有width、height、margin、padding,其他属性border、font-size(不能使用百分比,只能使用px)不能用百分比设置
注意:
1.当屏幕大于图片的宽度时,会进行拉伸,解决拉伸方法就是改为max-width:50%,但当屏幕大于图片的宽度时,两边会有空白。
2.
原创
2020-08-27 15:22:10 ·
921 阅读 ·
0 评论