Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

内容区宽度优化 #57

Closed
Dion-Lee opened this issue Aug 29, 2023 · 2 comments
Closed

内容区宽度优化 #57

Dion-Lee opened this issue Aug 29, 2023 · 2 comments

Comments

@Dion-Lee
Copy link

Dion-Lee commented Aug 29, 2023 •
edited
Loading

你当前使用的版本

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
Copy link
Author

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

@Dion-Lee
Copy link
Author

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@Dion-Lee @jiewenhuang