zoukankan      html  css  js  c++  java
  • 关于viewport

    关于viewport

    <meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>
    

    width:控制 viewport 的大小,可以指定的一个值,如果 600,或者特殊的值,如 device-width 为设备的宽度(单位为缩放为 100% 时的 CSS 的像素)。

    height:和 width 相对应,指定高度。
    initial-scale:初始缩放比例,也即是当页面第一次 load 的时候缩放比例。
    maximum-scale:允许用户缩放到的最大比例。
    minimum-scale:允许用户缩放到的最小比例。
    user-scalable:用户是否可以手动缩放
    

    来源---转载至>

    viewport
    可视视口 : 可以看到的内容(根据手机来决定像素)
    布局视口 : 虚拟加载出来的视口(默认像素)
    理想视口 : 在设备上的最佳视口,按照布局视口来决定(现行的标准)

    响应式设计

    • 渐进增强(在已有的基础上进行完善兼容其他可用的地方)
    • 优雅降级(设计好最佳的方法,在对不可使用的地方进行修剪,使其能满足要求达到设计要求)
    • 先针对什么设备进行设计
    • 对支持的浏览器进行设计
    • 设备不同是否包含相同的内容

    项目的规范化,有组织化

    • robots.txt : 约定爬虫机器人搜索的范围
    • humans.txt : 项目的相关参与人员及表明
    www.humanstxt.org.cn          -> humans.txt文档的要求
    www.bitbug.com  icon logo图片 -> 制作网站的图标icon
    
    • 编辑器:webStorm
    • .editorconfig 约定编码的格式,规则
    • .gitignore 版本管理
    • README.md 项目简介
    • CHANGELOG.md 更新信息
    • browsehappy.com 浏览器版本更新

    Ie - ie浏览器模式和文档模式的选用 meta标签写法

  • 相关阅读:
    UVALIVE 6958 Indoorienteering
    Calendar Game
    Wizard's Tour
    2017 ACM-ICPC 亚洲区(西安赛区)网络赛 G. Xor
    Alliances
    2017沈阳网络赛hdu6199 gems gems gems
    pytorch 的max函数
    pytorch调用gpu
    jupyter notebook实现代码自动补全
    pytorch强大的自动求导功能
  • 原文地址:https://www.cnblogs.com/ar13/p/8217171.html
Copyright © 2011-2022 走看看