1.借用前端框架(layui、bootstrap……)的栅格模式,或者写好的移动样式。
2.使用css flex布局等。
3.使用流水式布局width设置百分比。
4.使用媒体查询根据屏幕大小单独写样式
例子如下:
// 响应式布局 像素值写
/* 当浏览器的可视区域小于像素值 显示下面样式 */
@media screen and ( max-width: 像素值 ) {}
1.借用前端框架(layui、bootstrap……)的栅格模式,或者写好的移动样式。
2.使用css flex布局等。
3.使用流水式布局width设置百分比。
4.使用媒体查询根据屏幕大小单独写样式
例子如下:
// 响应式布局 像素值写
/* 当浏览器的可视区域小于像素值 显示下面样式 */
@media screen and ( max-width: 像素值 ) {}