发表于: 2019-06-02 21:59:36

2 925


今天完成的事情

1.初步了解了viewport:

  css中的像素px并不一定是实际的物理px;

  为防止网页在移动设备浏览器上挤成一团,这个浏览器会有默认的layout viewport,可以通过横移或者竖移来浏览整个网页;

  visual viewport则是实际可视的区域,因为各种屏幕的分辨率不一样,即使同样尺寸visual viewport,看到的大小也不一样;

  为改变这种问题,引入ideal viewport,即理想可视区域,通过width=device width(将移动设备中的width应用到css中)或者initial-scale=1(100%缩放移动设备的ideal viewport,意思就是直接引用移动设备的理想可视区域)这两种属性可以移动设备的屏幕,并且这两种属性同时用的话,可以避免iPhone和wphone中浏览器横竖屏不分的问题。

2.了解并使用nginx,并用手机端实现访问(恕在下无能,无法1小时之内学懂nginx,花了好久

首先nginx,是个代理,能正向代理和反向代理;

关于正向代理和反向代理的区别,还有nginx的负载均衡功能,好像对我们这个任务没啥影响;

nginx的静态服务器功能则能帮我们测试任务;

在nginx.conf文件中,修改访问的文件夹路径以及首页

使用手机通过无线路由访问任务网页

任务完成了?


遇到的问题

关于自适应还是不熟悉,明天巩固下

明天要完成的事情

复习,稳固下


返回列表 返回列表
评论

    分享到