zoukankan      html  css  js  c++  java
  • 移动web开发之响应式开发

    1.响应式开发

    1.1 响应式开发原理

    就是使用 媒体查询 针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的。

    1.2 响应式布局容器

    响应式需要一个父级作为布局容器,来配合子级元素来实现变化效果。
    原理:就是在不同屏幕下,通过媒体查询来改变这个布局容器的大小,在改变里面子元素的配列方式和大小,从而实现不同屏幕下,看到不同的页面布局的样式变化。

    平时我们的响应式尺寸划分

    • 超小屏幕(手机,小于768px):设置宽度为100%;
    • 小屏幕(平板。大于等于768px):设置宽度为750px;
    • 中等屏幕(周免显示器,大于等于992px):宽度设置为970px;
    • 大屏幕(大桌面显示器,大于等于1200px):宽度设置为1170px。
  • 相关阅读:
    C#中的String与string
    类和结构的异同点?
    HTTP 无状态啊无状态啊
    重载运算符
    Lambda与委托
    Js与正则表达式
    字符函数PATINDEX()与STUFF()
    C#中的托管与非托管
    原码,反码,补码
    日期函数与转型
  • 原文地址:https://www.cnblogs.com/counter/p/14412609.html
Copyright © 2011-2022 走看看