优化文档阅读页面样式和字体缩放

This commit is contained in:
yangjian 2020-08-11 21:11:34 +08:00
parent c74efc3437
commit ced9e1b3b6
2 changed files with 10 additions and 9 deletions

View File

@ -356,12 +356,12 @@ li.active > a,li.active > div > a{
} }
/* 返回顶部 */ /* 返回顶部 */
.toTop { .toTop {
width: 50px; width: 40px;
height: 50px; height: 40px;
border-radius: 50%; border-radius: 50%;
background: #f6f6f6; background: #f6f6f6;
text-align: center; text-align: center;
line-height: 50px; line-height: 40px;
/*返回顶部标签固定定位*/ /*返回顶部标签固定定位*/
position: fixed; position: fixed;
right: 35px; right: 35px;
@ -378,12 +378,12 @@ li.active > a,li.active > div > a{
} }
/* 文档目录 */ /* 文档目录 */
.tocMenu{ .tocMenu{
width: 50px; width: 40px;
height: 50px; height: 40px;
border-radius: 50%; border-radius: 50%;
background: #f6f6f6; background: #f6f6f6;
text-align: center; text-align: center;
line-height: 50px; line-height: 40px;
/*返回顶部标签固定定位*/ /*返回顶部标签固定定位*/
position: fixed; position: fixed;
right: 35px; right: 35px;
@ -421,13 +421,14 @@ li.active > a,li.active > div > a{
/* 文档字体颜色 */ /* 文档字体颜色 */
.markdown-body{ .markdown-body{
color:#000; color:#333;
} }
/* 文档行内代码样式 */ /* 文档行内代码样式 */
.markdown-body p code,.markdown-body li code,.markdown-body h1 code,.markdown-body h2 code,.markdown-body h3 code,.markdown-body h4 code,.markdown-body h5 code,.markdown-body h6 code{ .markdown-body p code,.markdown-body li code,.markdown-body h1 code,.markdown-body h2 code,.markdown-body h3 code,.markdown-body h4 code,.markdown-body h5 code,.markdown-body h6 code{
border:none !important; border:none !important;
color:#e91e63 !important; color:#e91e63 !important;
font-family: sans-serif;
} }
/* 自定义按钮样式 */ /* 自定义按钮样式 */

View File

@ -1,6 +1,6 @@
{% load staticfiles %} {% load staticfiles %}
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-cn"> <html lang="zh-cn" style="font-size: 14px;">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edgechrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=Edgechrome=1">
@ -246,7 +246,7 @@
</div> </div>
</div> </div>
<!-- 右侧文档栏结束 --> <!-- 右侧文档栏结束 -->
<div class="toTop"><i class="layui-icon layui-icon-top" style="font-size: 50px;"></i></div> <div class="toTop"><i class="layui-icon layui-icon-top" style="font-size: 40px;"></i></div>
{% block right_widget %} {% endblock %} {% block right_widget %} {% endblock %}
</div> </div>