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

URL 参照先の画像がデカいと辛い #129

Open
mattn opened this issue May 16, 2020 · 4 comments
Open

URL 参照先の画像がデカいと辛い #129

mattn opened this issue May 16, 2020 · 4 comments

Comments

@mattn
Copy link
Member

mattn commented May 16, 2020

See https://vim-jp.org/slacklog/CSM0YPD0B/2020/03/#ts-1584945670.064700

max-width 指定する?

@koron
Copy link
Member

koron commented May 17, 2020

以下のCSSを指定するとこうなった。
max-height で制限した場合 max-width: auto は効かず横長になるので、このくらいが妥当そう。

20vh を指定したのは1画面に5個くらいは表示できたほうが良いのでは? という考えから。

height: 20vh;
width: auto;

image

@koron
Copy link
Member

koron commented May 17, 2020

1発言あたりの max-height を決めちゃって
内側の要素はそこに収まるようにレイアウトしたほうがよいかも。

flex あたりを使えばできると思うけど CSS フレームワークを通してるのでようわからない。

@raa0121
Copy link
Member

raa0121 commented May 17, 2020

#36 と一緒ですかね?

@koron
Copy link
Member

koron commented May 17, 2020

解決法としてはこちらのほうが進んでるので #36 を閉じてこちらに一本化しましょ。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants