zoukankan      html  css  js  c++  java
  • amaze ui使用简介

    amaze ui使用简介

    amaze UI

    类似于bootstrap

    不过比bootstrap更加轻量级

    可以用来开发响应式网站,并且是移动优先的,针对移动设备开发的网站可以考虑使用这个框架

    css中的网格

    首先要对框架的命名规则有所了解

    然后自己在使用框架开发的过程中也根据框架的命名规则来给自己的代码命名

    .am-g表示行

    .am-u-sm-n表示列

    比如am-u-sm/md/lg-n

    这个类中 am是amaze的意思  u是unite的意思 可以理解成网格 

    sm代表small是手机屏幕

    md是Middle  代表平板等的屏幕

    lgpc的屏幕 large的意思

    n代表比例

    n/12   整个屏幕被分成12份儿

    -webkit是适用于safari或者chrome

    -mozfirfox的浏览器

    通过网格系统可以做到

    屏幕变小或者变大的时候

    1.隐藏某一行

    2.换列的比例

    3.调整成两行

    4.不变

    等等

    我在使用框架或者插件的时候遇到的一些问题:

    1.JS在引用的时候应该注意引用的顺序,顺序不合适可能导致错误

    比如 Jquery一般应该在别的js文件之前

    因为别的js文件可能引用了JQ

    2.注意选择器的优先级

    3.IE浏览器debug注意下兼容模式与否,IE8,IE9,IE10,IE11

    参考:

    第一次使用框架-amaze UI - CSDN博客
    https://blog.csdn.net/yoany/article/details/46907415

  • 相关阅读:
    xcode构建webdriverAgent时报错Messaging unqualified id的解决办法
    ubuntu18.0安装RabbitMQ
    python中*的用法
    Jenkins构建项目
    Jenkins安装与配置
    git_仓库
    六、 Shell数组应用
    五、 Shell函数应用
    三、 Shell流程控制
    二、 Shell变量定义
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/8939006.html
Copyright © 2011-2022 走看看