修改Mirages主题文章布局
时间:2022-07-22
本文章向大家介绍修改Mirages主题文章布局,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
关键点:修改了自适应中对主要文章内容的最大宽度。同时也把字号和代码的行高整一下,看起来更舒服,把下面的代码写入主题设置的自定义 HTML 元素拓展 - 标签: head 尾部
中
<style type="text/css" >
#footer {
font-size: 0.9rem;
line-height: 30px;
}
.post-content,
.post-content ul li{
font-size: 1.2em !important;
}
.post-content code {
font-size: 0.9em !important;
}
.comment-content pre code ul {
font-size: 1.03em !important;
}
.post-content pre {
line-height: 1.97em !important;
}
@media screen and (min-width: 768px) and (max-width: 1250px) {
.container {
max-width: 740px
}
}
@media screen and (min-width: 1251px) and (max-width: 1599px) {
.container {
max-width: 985px;
}
}
@media screen and (min-width: 1600px) and (max-width: 1799px) {
.container {
max-width: 1400px
}
}
@media screen and (min-width: 1800px) and (max-width: 1919px) {
.container {
max-width: 1500px
}
}
@media screen and (min-width: 1920px) and (max-width: 2399px) {
.container {
max-width: 1600px
}
}
@media screen and (min-width: 2400px) {
.container {
max-width: 1900px
}
}
@media screen and (min-width: 768px) and (max-width: 1301px) {
body.serif-fonts .container,
body.content-lang-en .container {
max-width: 900px
}
}
</style>
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- (新)关于修改window.navigator.webdriver代码失效问题
- Android底部导航栏的三种风格实现
- Android Studio3.2中导出jar包的过程详解
- Android自定义view实现标签栏功能(只支持固定两个标签)
- python 爬虫之selenium可视化爬虫
- Android Studio3.6.+ 插件搜索不到终极解决方案(图文详解)
- Spring 整合 SpringDataRedis
- Android 实现可任意拖动的悬浮窗功能(类似悬浮球)
- Android仿抖音右滑清屏左滑列表功能的实现代码
- 利用织梦CMS0day注入漏洞渗透测试
- nodejs中追加内容到文件
- android实现滚动文本效果
- Android实现View的拖拽
- 诊断日志知多少 | DiagnosticSource 在.NET上的应用
- Android Studio 4.0新特性及升级异常问题的解决方案