这个记录算是这段时间的一个总结吧。折腾了页面样式果然让人反复纠结。
思路概要:
- 使用.body-small,代表屏幕处于小分辨率下。用JQ的resize()方法监听。并在<body>处增加或删除。
- 使用.mini-sidebar,代表侧边栏处于收缩状态下。( .body-small 和 .mini-sidebar同时存在时,代表小分辨率下菜单收缩)
- 开始干活,根据<body>标签的class类,编写每个状态下对应的CSS样式。
HTML:
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="/static/vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link href=&#