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

巧用Bootstrap栅格系统增强响应式图片功能 | OrdosX #19

Open
OrdosX opened this issue Aug 14, 2021 · 0 comments
Open

巧用Bootstrap栅格系统增强响应式图片功能 | OrdosX #19

OrdosX opened this issue Aug 14, 2021 · 0 comments

Comments

@OrdosX
Copy link
Owner

OrdosX commented Aug 14, 2021

https://www.ordosx.tech/2018/12/%E5%B7%A7%E7%94%A8Bootstrap%E6%A0%85%E6%A0%BC%E7%B3%BB%E7%BB%9F%E5%A2%9E%E5%BC%BA%E5%93%8D%E5%BA%94%E5%BC%8F%E5%9B%BE%E7%89%87%E5%8A%9F%E8%83%BD/

在Bootstrap中,通过为图片添加 .img-responsive 类可以让图片支持响应式布局。然而这么做有时会让图片出现在移动端显示正常,桌面端却缩放过大的情况。其实,利用栅格系统可以解决这个问题。

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

No branches or pull requests

1 participant