美文网首页WEB
BootStrap学习记录

BootStrap学习记录

作者: 我问你瓜保熟吗 | 来源:发表于2019-05-06 16:37 被阅读4次

    Bootstrap 使用了一些 HTML5 元素和 CSS 属性。需要使用 HTML5 文档类型(Doctype)。 因此,Bootstrap 项目的开头必须包含下面的代码段。

    <!DOCTYPE html>
    <html>
    ....
    </html>
    

    在head中添加 viewport meta 标签 更好的支持移动设备中的缩放
    width 属性设置设备的子自适应宽度,以适应不同显示比例的设备,initial-scale=1.0 确保网页加载时,以 1:1 的比例呈现,不会有任何的缩放。

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    

    通过添加 img-responsive class 可以让 Bootstrap 3 中的图像对响应式布局的支持更友好。

    <img src="..." class="img-responsive" alt="响应式图像">
    

    Normalize.css 保证跨浏览器的一致性

    相关文章

      网友评论

        本文标题:BootStrap学习记录

        本文链接:https://www.haomeiwen.com/subject/rqrdoqtx.html