发表于: 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文件中,修改访问的文件夹路径以及首页
使用手机通过无线路由访问任务网页
任务完成了?
遇到的问题
关于自适应还是不熟悉,明天巩固下
明天要完成的事情
复习,稳固下
评论