发布于 由小葱

WordPress 默认主题 二零二一 Twenty Twenty-One 电脑宽屏显示

不知道为什么wordpress 的默认主题 二零二一 Twenty Twenty-One 在电脑端显示字体格外大，内容又是一条条，怎么看怎么别扭，不知道是不是只做了 pad 和 手机版本适配的原因。

0

我自定义了一些css来修改这个主题样式，把内容放宽，把标题字体缩小了一些，自己看着舒服一点。

0

通过设置仪表盘的外观自定义，增加样式控制的css即可。

0
0

wordpress 的自定义样式：

@media only screen and (min-width: 822px) {

	:root {
		--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 800px);
		--responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 800px);
	}
}

@media only screen and (min-width: 1200px) {

	:root {
		--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
		--responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
	}
}

:root {
--global--font-size-xxl: 2.5rem;
--global--font-size-xxxl: 3.5rem;
}
@media only screen and (min-width: 652px) {

	:root {
		--global--font-size-xl: 2.5rem;
		--global--font-size-xxl: 3.5rem;
		--global--font-size-xxxl: 4rem;
		--heading--font-size-h3: 2rem;
		--heading--font-size-h2: 3rem;
	}
}