html - 为什么文本溢出会在 twitter bootstrap 中跨越？

Question

http://www.responsinator.com/?url=http%3A%2F%2Ftoplessproductions.com%2Fyuv%2Fproblem%2Ftextoverflow.html

请注意，“Crappy Android portrait 240 x 320”会使卡片的文本溢出。对此有规范的解决方案吗？我可以为 body 决定一个 min-width，但这只会掩盖问题。

Answer 1

您需要设置 CSS 媒体查询以在较小的浏览器上缩小为文本

@media (max-width: 480px) {
  h2 {
    font-size: 10px !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

类似的东西适用于手机和 h2s。