zoukankan      html  css  js  c++  java
  • “团购"响应式总结

      经过4个课时学习伪响应式,我觉得响应式的切图布局上和PC端是极为相似的,所以我们用PC的切图布局方式来放到响应式上也是没问题的。

      我觉得响应式和PC端的区别最大就是,在不同的比例下的效果,我们都知道,手机的屏幕大小和并不统一,这就是响应式的一大特点,那么将如何解决了呢?首先我们可以在<head>标签中加入一个 mate 来给它自适应:

    <meta name="viewport" content="width=750,maximum-scale=1,user-scalable=no" />

      

      其次,我们还可以用媒体查询来控制它在不同分辨率下的呈现:

    @media (min-1024px and max-1920px){
        #nav{
                   1024px;    
                 }
    }

      最后。考虑到在不同分辨率下我们看到的字体等大小不同,我们可以用rem,直接在<html>标签里设置大小然后按照比例用rem就好,最后在媒体查询里按照不同的分辨率来控制,这样就简单多了。

  • 相关阅读:
    Linux按时间截取日志
    pip用法
    Java代码增删查改完整流程
    java类连接数据库
    js邮编、手机号、姓名限定
    jsp 名族添加
    app 评分的两种方法
    iOS 加载中文链接的图片
    WKWebView Cookie注入
    iOS MKMapView 优化内存占用
  • 原文地址:https://www.cnblogs.com/qq1193447294/p/5816766.html
Copyright © 2011-2022 走看看