先上效果图：
PC端效果：
移动端效果：
代码如下：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> <title></title> <
阅读背景：
PC端移动端不同屏幕大小下响应式布局
来源：互联网
分享到：
