1.媒体查询

// 屏幕宽度
@media screen and (max-width: 1680px) {
    html,
    body {
        font-size: 14px;
    }
}

// 设备宽度
@media screen and (max-device-width: 1366px) {
    html,
    body {
        font-size: 12px;
    }
}

@media screen and (max-width: 1680px) {
  html,
  body {
    font-size: 14px;
    min-width: 1600px;
    min-height: 800px;
  }
}

1.媒体查询
1.媒体查询
移动端是怎么做适配的?
1. meta viewport 2. 媒体查询媒体查询由一个可选的媒体类型和零个或多个使用媒体功能的限制了...
媒体查询_flex布局_栅格系统
1.用媒体查询实现如下要求 JSBin
响应式网站的思考
1.媒体查询的实际意义？ 2.媒体查询的断点应该由什么来决定？ 3.媒体查询应该注意什么？（1）尽量使用百分比长...
响应式cssのmedia文件分离
media简介 1.媒体查询，添加自CSS32.一个媒体查询由一个可选的媒体类型和零个或多个使用媒体功能的限制了样...
移动端布局-媒体查询 + rem单位布局
媒体查询 + rem单位布局说道这个布局，，那么我们首先得了解什么是媒体查询，rem是什么？媒体查询：媒体查询...
rem布局&响应式布局
rem布局 1.rem单位 2.媒体查询 2.1 什么是媒体查询 2.2 媒体查询语法规范 2.3 媒体查询+re...
day05-移动web开发－bootstrap（响应式开发）
设备的划分：媒体查询：使用媒体查询能针对不同屏幕区间设置不同的布局和样式怎么使用媒体查询：关于媒体查询 @me...
移动端是怎么做适配的？
1.移动端可以使用媒体查询来区分手机和PC，格式为 @media(查询条件1) and (查询条件2){ s...
11.14学习内容
1.媒体查询：@media screen and (min-width:A) and (max-width:B) ...