viewport指网页的可视区域

<meta name="viewport" content="width=device-width  initial-scale=1.0 maximun-scale=1.0 minimun-scale=1.0 user-scalable=no">

width:viewport的宽度 值为正整数或device-width  必选

height: viewport的高度  可选

initial-scale:初始缩放比例,即当页面第一次 load 的时候缩放比例 必选

maxinum-scale:允许用户缩放的最大比例  可选

minimun-scale:允许用户缩放的最小比例  可选

user-scalable:是否允许用户手动缩放 值为yes 或no  可选

转载于:https://www.cnblogs.com/Dingzy/p/11357869.html

响应式Web设计 viewport 移动端页面自适应相关推荐

  1. viewport是什么?(江湖称响应式web设计)

    响应式 Web 设计 - Viewport 什么是 Viewport? viewport 是用户网页的可视区域. viewport 翻译为中文可以叫做"视区". 手机浏览器是把页面 ...

  2. 通过响应式web设计,使本站支持手机浏览

    2019独角兽企业重金招聘Python工程师标准>>> 2014-01-28 14:49:14 现在越来越多的人通过手机来上网,手机由于屏幕尺寸的原因,当浏览为PC端浏览器设计的网页 ...

  3. 响应式web设计之CSS3 Media Queries

    开始研究响应式web设计,CSS3 Media Queries是入门. Media Queries,其作用就是允许添加表达式用以确定媒体的环境情况,以此来应用不同的样式表.换句话说,其允许我们在不改变 ...

  4. 【转发】响应式Web设计?怎样进行?

    什么是响应式Web设计?怎样进行? 眼下,几乎每个新客户都希望他们的网站可以有专门的移动设备版本.最完美的情况呐,就是为iPhone.iPad.黑莓.Kindle-各自打造一款--页面分辨率还必须兼容 ...

  5. 自适应网页设计/响应式Web设计 (Responsive Web Design)

    随着3G的普及,越来越多的人使用手机上网. 移动设备正超过桌面设备,成为访问互联网的最常见终端.于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页? 手机的屏幕比较小,宽度通 ...

  6. 什么是响应式Web设计?怎样进行?

    开 始第一篇.老规矩,先无聊的谈论天气一类的话题.十一长假,天气也终于开始有些秋天的味道,坐在屋里甚至觉得需要热咖啡.话说两年前也是在国庆假期里开始 做Joomla文档翻译的:长假好时光,总会可以抽出 ...

  7. CSS3: Media Query实现响应式Web设计

    十一长假已然过去了一大半.今天倒真是晴朗的不行,向窗外望去几乎可以看到阳光穿过凉爽的空气一缕缕洒落下来的样子.自从不再是学生,对每年的几次 长假就无比珍惜,想方设法让每一天都尽量过的饱满一些:夜里闭上 ...

  8. 响应式Web设计的9项基本原则

    响应式web设计对于解决多类型屏幕问题来说是个不错方案,但从印刷的角度来看,其却存在着很多的困难.没有固定的页面尺寸.没有毫米或英寸,没有任何物理限制,让人感到无从下手.随着建立网站可用的各种小工具越 ...

  9. 响应式Web设计:HTML5和CSS3实战 读书笔记

    响应式Web设计:HTML5和CSS3实战 Responsive Web Design with HTML5 and CSS3 By : Pandao    pandao####vip.qq.com  ...

最新文章

  1. OCR识别缺点_福利:OCR大全
  2. 1003 阶乘后面0的数量
  3. 使用numpy实现神经网络模块
  4. 搭建xxpay支付平台
  5. Java中的资源文件加载方式
  6. 多线程占用修改同一excel文件冲突_漫谈Excel报表移动化的逐级解决方案
  7. python socket-tcp逻辑
  8. oracle加载日记账直服务器,Oracle EBS GL 总账日记账打开报错此职责无可用函数
  9. 三菱PLC仿真软件的序列号
  10. vs运行c语言代码快捷键,VS2010快捷键
  11. 【年终总结】我的2015
  12. 巧妙的实现一套键鼠无缝控制两台联网的主机
  13. ICCV 2021 | 当Transformer遇见自监督学习!Facebook重磅开源DINO
  14. 只有程序员才能看懂的趣图,第二个我就忍不住了哈哈哈哈!
  15. mmdetectionV2.x版本 训练自己的VOC数据集
  16. git版本回退简单记录
  17. 个人如何做一个能赚钱的网站?
  18. 使用计算机备课 上课心得体会,备课上课学习心得
  19. graphx-社区发现(community detection)
  20. 如何“谨慎”使用“数据驱动”的风控模型(二)——决策篇

热门文章

  1. UI进阶--UIPikcerView实现省市联动示例
  2. Android Animation学习(三) ApiDemos解析:XML动画文件的使用
  3. coreseek/sphinx CentOS6.4下安装
  4. 【教程】win7下无需软件或adhoc补丁通过无线网卡搭建虚拟wifi网络
  5. Python. 报错: TypeError: issubclass() arg 1 must be a class
  6. 第3章 变量和表达式
  7. 奋战杭电ACM(DAY10)1015
  8. 初识 Oracle 11g
  9. OLE DB , ODBC , ADO 知识了解
  10. HTTP CSP详解