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.

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

诗意人生,诗太长,页面会有兼容问题 #59

Closed
HeroadZ opened this issue Feb 1, 2020 · 7 comments
Closed

诗意人生,诗太长,页面会有兼容问题 #59

HeroadZ opened this issue Feb 1, 2020 · 7 comments
Labels
bug Something isn't working

Comments

@HeroadZ
Copy link

HeroadZ commented Feb 1, 2020

如题,诗太长的话,诗部分的元素不会撑开,应该是设定了固定高度。但是对于小屏手机不友好。
image

@reuixiy reuixiy closed this as completed in 76018fb Feb 2, 2020
@reuixiy
Copy link
Owner

reuixiy commented Feb 2, 2020

@HeroadZ 已修复,请更新主题测试。

@reuixiy reuixiy added the bug Something isn't working label Feb 2, 2020
@HeroadZ
Copy link
Author

HeroadZ commented Feb 2, 2020

您好,经过测试依然有问题。我看您在scss里面只是加了一点em,似乎在比较极端的情况下还是有问题。

@reuixiy
Copy link
Owner

reuixiy commented Feb 2, 2020

请问你用的什么浏览器,我在最新版的 Chrome 浏览器中测试没问题,如下(注意滚动条的出现):

Peek 2020-02-02 11-47

@HeroadZ
Copy link
Author

HeroadZ commented Feb 2, 2020

我也是用的chrome浏览器,诗的行数大概在10行左右。
现在的问题是,如果页面宽度很窄的情况下,有几行诗比较长,会自动换行,会往下走。同时,我在每个icon边上,添加了中文,比如“生活”“技术”“关于”这些。如果宽度很窄的话,这些符号也不能排列成一行,会往上跳。
以上这两种情况,会导致重叠。您可以尝试缩小页面宽度试试。

@reuixiy
Copy link
Owner

reuixiy commented Feb 2, 2020

我还测试了一种极端情况,的确发现了你说的这个问题:

Peek 2020-02-02 11-53

但这样的诗放首页实在太长了……我设计这个布局的初衷只是

1. poetry    A few lines of verse

https://github.com/reuixiy/hugo-theme-meme/blob/master/config-examples/en-us/config.toml#L279

……Anyway,基于你的需求,建议自己定制一下样式。

当然,如果你在技术上有更好的通用的解决方案,还是非常欢迎提交 PR 的。

@HeroadZ
Copy link
Author

HeroadZ commented Feb 2, 2020

好的好的,非常感谢,我去设置一下样化。

@reuixiy
Copy link
Owner

reuixiy commented Feb 2, 2020

嗯,同时也谢谢你的反馈:smiley_cat:~

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants