发表于： 2019-09-25 20:42:13
1 983
今天完成的事情：了解了自适应的处理方式，了解图片尺寸与分辨率的的关系，进一步完善任务三，
明天计划的事情：完成任务三，了解任务四等信息
遇到的问题： 尺寸代码无法正确生效处理时间较长，配置nginx时间较长
收获：了解图片尺寸与分辨率的关系，如
手机分辨率，就是屏幕的像素点，1080*1920之类。
屏幕大小，4.7寸5寸等是指手机屏幕对角线的物理长度
实际密度（dpi，dot per inch, 每英寸的像素点数，数值越高越细腻），计算方式就是：屏幕对角线上的像素点数÷屏幕对角线的物理长度 = n。说明每一英寸长度上有n个像素点。
在不同手机上展示图片时可设置代码
#header {background:url(/bg@1x.png);}@media screen and (-webkit-device-pixel-ratio: 2) {#header {background:url(/bg@2x.png);}}
同时严格按照图片尺寸缩放，
学会配置nginx使本地可以通过配置的域名访问，如
更改设置
首先，电脑和手机连接上同一个wifi
然后查看电脑ip:win+R→cmd→ipconfig→回车, 找到无限局域网适配器wlan中的ip地址，例如我的是192.168.0.123
然后手机浏览器中输入192.168.01.123/b.html 就可以看到自己的代码啦~
返回列表
评论