zoukankan      html  css  js  c++  java
  • 页面自适应<meta name="viewport">标签设置

    viewport:

    它在页面中设置,是应对手机模式访问网站、网页对屏幕而做的一些设置。通常手机浏览器打开页面后,会把页面放在一个虚拟的“窗 口”–这个比窗口大,也就是你常发现页面可以进行拖动、放大放小,这个窗口即viewport,meta的这个viewport属性基本所有手机浏览器皆支持。
     
    <meta name="viewport" content="width=device-width,initial-scale=1.0">

    content属性值 :

    • 可视区域的宽度,值可为数字或关键词device-width;
    • height: 同width;
    • intial-scale: 页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显示,无任何缩放;
    • maximum-scale=1.0, minimum-scale=1.0; 可视区域的缩放级别,maximum-scale用户可将页面放大的程序,1.0将禁止用户放大到实际尺寸之上。
    • user-scalable: 是否可对页面进行缩放,no 禁止缩放
  • 相关阅读:
    Random类
    类型转换
    一个简单的Web登录程序
    第一个Servlet程序
    使用MyEclipse开发 服务器的部署方式(续)
    MyEclipse配置
    Tomact问题
    Tomact配置
    HTTP基础:URL格式、 HTTP请求、响应、消息
    关闭二维码
  • 原文地址:https://www.cnblogs.com/lvmylife/p/5498591.html
Copyright © 2011-2022 走看看