发表于: 2019-03-10 20:27:51

1 662


一、今天完成的事

1.了解了什么是viewpoint

viewport 是用户网页的可视区域。

viewport 翻译为中文可以叫做"视区"。

手机浏览器是把页面放在一个虚拟的"窗口"(viewport)中,通常这个虚拟的"窗口"(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分。

一个常用的针对移动网页优化过的页面的 viewport meta 标签大致如下:

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

height:和 width 相对应,指定高度。

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

maximum-scale:允许用户缩放到的最大比例。

minimum-scale:允许用户缩放到的最小比例。

user-scalable:用户是否可以手动缩放。

2.viewpoint的初步应用

二、明天的计划

1.配置nginx,手机上直接访问网页。

2.完成任务一。

3.对前面学习的知识进行回顾与整理。

三、遇到的问题


四、收获

了解了viewpoint是什么,和它里面的标签以及标签的作用。

对前面的学习的一部分知识进行了回顾发现没有熟练的掌握,了解到自己有时候必须看到才能编写这个很严重的问题,后面要学习的同时进行更多的练习,做到不看也能写出来。


返回列表 返回列表
评论

    分享到