拿到一份设计稿,我该如何进行移动端开发?

html-css04

拿到一份设计稿,我该如何进行移动端开发?,第1张

本文首发掘金: https://juejin.im/post/5d736747e51d4561ff66688c

出来混,那些混过去的,迟早是要还的 ( ̄Д  ̄)┍ 。

让我们来解决几个问题:

提到 viewport ,之前总感觉挺突兀的,但是当我最近做移动端项目时,突然关注到一直被忽略的 meta 标签的时候,才恍然大悟(o(╯□╰)o)。那么,首先让我们来了解一下 meta 标签☛ 一直被忽略的meta标签了解一下 ,之后再去看 viewport ,就很容易记住了,不就是 meta 标签中 name 属性的一个值嘛。

那么, 它的作用是啥呢?要了解它具体的作用,我们需要先来了解一些相关的基本知识。

viewport 指浏览器的窗口,即浏览器上用来显示网页的那部分区域,是用户网页的可视区域。

在移动端和pc端,视口是不同的。pc端的视口是浏览器窗口区域,而在移动端则有三个不同的视口概念: 布局视口 、 视觉视口 、 理想视口 。