search

jiewenhuang / halo-theme-joe3.0

Theme of Halo2
https://halo-theme-joe3-0-two.vercel.app
Other
257 stars 45 forks source link

内容区宽度优化 #57

Closed Dion-Lee closed 1 year ago

Dion-Lee commented 1 year ago

你当前使用的版本

1.0.8

描述一下此特性

目前内容区宽度使用的是viewport width (vw)调节，它的优点是可以根据显示屏幕大小，自适应内容宽度，适合门户网站。但是用在博客内容区，在大屏显示器上（27寸及以上）会导致内容页太宽，比例很不协调，缩率图都会因此被压扁导致显示不全，建议改为px来调整内容区大小，固定内容区宽度，而非自适应。或者两种单位自定义选择。

附加信息

iShot_2023-08-29_15 52 27 iShot_2023-08-29_15 52 42

图1是halo，图2是typecho上的，两者一对比很明显能看出

Dion-Lee commented 1 year ago

如果只是单纯的调小内容区宽度vw值，大屏显示正常了，但是到了小屏幕上会出现滑动条，显示不全

iShot_2023-08-29_16 10 21
Dion-Lee commented 1 year ago

使用px可以完美的照顾到笔记本小屏幕和显示器大屏幕

image