美文网首页
前端知识

前端知识

作者: sortinnauto | 来源:发表于2018-03-17 23:12 被阅读0次
  • meta 表示“变化”“变换”之义
  • viewport 表示“视口,视窗”,如在电脑上,只有一个视口(Viewport):浏览器窗口。
  • scale 表示“比例;按比例决定”
  • scalable 表示“可伸缩的;可拓展的”

在开发移动设备网站时,最常见的一个动作就是将下面一行代码添加到head标签中:

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>

该meta标签的作用是让当前的viewport的宽度和设备宽度保持一致,且最大可伸缩范围和初始值是一样的,也就是说用户不能手动缩放。
通常前者是常用的,而后者则是根据用户需求来做的。一般最常用的写法如下:

<meta name="viewport" content="width=device-width,initial-scale=1.0"/>

相关文章

  • Web框架体系

    Web 前端知识体系精简 web前端知识体系图 web前端知识体系大全 HTML,CSS,JavaScript知识...

  • WEB前端要学些什么?WEB前端学习路线!WEB前端从入门到精通

    免客套,直接上料! 一.资源教程: 综合类 前端知识体系 前端知识结构 Web前端开发大系概览 Web前端开发大系...

  • 前端资源教程

    资源教程原文 综合类前端知识体系前端知识结构Web前端开发大系概览Web前端开发大系概览-中文版Web Front...

  • 学习Vue框架之前,要有JavaScript的知识储备

    前端三剑客知识储备(有关前端的专题) ☑ HTML基础知识 ☑ CSS基础知识 ☑ JavaScript5基础知识...

  • 前端知识个人总结链接

    各类全总结 常用全总结 链接 全栈练习 链接 前端面试知识总结 链接 工作其它知识学习 链接 前端优化 前端优化 ...

  • 无标题文章

    #Web前端 - web前端是什么 - 定义 - 职责 - web前端基础知识和学习路线 - web前端学习的...

  • 推荐几个好的前端博客和网站

    前端开发博客前端开发博客-前端开发,前端博客 对前端知识结构的理解人类身份验证 - SegmentFault 脚本...

  • 电商网站前端架构 学习笔记(全是干货)

    1:前端架构的基本知识 1: 前端工程师必须会的一些技能 2: 前端架构基本知识 什么是前端架构?每个人对每个架构...

  • 前端知识

    meta 表示“变化”“变换”之义 viewport 表示“视口,视窗”,如在电脑上,只有一个视口(Viewpor...

  • 前端知识

    [TOC] 一、对于网页的基本理解 网页是一种数据展示和信息交互的载体生活中,我们通过各种各样的方式获取信息,网页...

网友评论

      本文标题:前端知识

      本文链接:https://www.haomeiwen.com/subject/pxbjqftx.html