Typora 满屏显示，去除两边的留白

Posted 2023-03-31 VipSoft

Typora 宽度在CSS样式文件中有个 max-width 值，现在的显示器分辨率比较高，会导致编辑器两边留白比较多 导致文档编辑时，高分辨率的显示器，得不到充分利用

Typora 宽度在CSS样式文件中有个 max-width 值，现在的显示器分辨率比较高，会导致编辑器两边留白比较多
导致文档编辑时，高分辨率的显示器，得不到充分利用

解决方案

修改源码编辑器样式

Typora安装目录下找到 base_control.css 文件，复制一份备份

打开文件后查找 typora-source 下的 max-width 改为想要的值，如图所示

闭关Typora,重新打开

修改非源码模式下的样式

预览时的样式在：C:\\Users\\Administrator\\AppData\\Roaming\\Typora\\themes
主题有 github.css、newsprint.css、night.css、pixyll.css、whitey.css

修改样式 max-width

闭关Typora,重新打开

竖向图片两边留白，横向图片上下留白

给父盒子加相对定位

.rater-main .rater-img2{
width: 266px;
height: 196px;
overflow: hidden;
background-color: #fff;
position: relative;
}

 

给子元素绝对定位

.rater-main > li img{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
}