zoukankan      html  css  js  c++  java
  • 响应式布局及bootstrap

    bootstrap:移动端有限。没有ID选择器,就算有也是 通过class名称来的
    容器 container ,row要放在容器container中,且一个网页只允许有一个container

    禁止响应式布局:1,写一个宽度;2,去掉<meta·······>
    .col-xs:禁用超小模式


    所有JavaScript插件都依赖于jQuery

    基本模板【移动端上写代码,都要写mate viewport】

    定制Bootstrap

    js放在body结束标签之前


    HTML5文档类型<htmmml lang="ZH-CN">支持html5

    写BOOTstrap中,支持IE写7个步骤,不支持IE5个步骤


    不允许缩放,通过viewport meta标签添加user-scalable=no就可以禁止缩放

    响应式图片:max-width:100%,满屏

    <760px适用于手机端 .cols-xs-
    >=768px适用于平板 最大宽度759 .col-sm-
    >=992px中等屏幕桌面 最大宽度970 .col-md-
    >=1200超大屏幕 最大宽度1170 .col-lg-(css前缀)

    嵌套列
    列排序(占位的方式可以做到)

  • 相关阅读:
    Node.js 常用工具 util
    jQuery 选择器
    Node.js 创建HTTP服务器
    Node.js GET/POST请求
    JavaScript 用法
    Node.js 事件
    Node.js 函数
    Bootstrap<基础二> 网格系统
    读文章《Flexbox详解》笔记
    好文要读
  • 原文地址:https://www.cnblogs.com/duanfuying/p/5936532.html
Copyright © 2011-2022 走看看