发表于： 2018-10-12 12:18:10
1 614
2018.10.12
今日完成：
1、解决昨天开发模式模拟手机访问九宫格时不能显示全部格子，出现了横向滚动条。
解决方法：在网页的<head>中设置viewport.添加以下这句话，可以让网页的宽度自动适应手机屏幕的宽度。
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes"/>
<title>task1</title>
<link rel="stylesheet" type="text/css" href="2.css"
</head>其中：
width=device-width ：表示宽度是设备屏幕的宽度
initial-scale=1.0：表示初始的缩放比例
minimum-scale=0.5：表示最小的缩放比例
maximum-scale=2.0：表示最大的缩放比例
user-scalable=yes：表示用户是否可以调整缩放比例。
2、配置nginx，按照网上的方法下载了nginx，并进行了配置。
出现的问题：
可能系统是win10的原因一直启动不成功，错误信息如下：
百度错误信息是由于端口80被占用，无法启动nginx，
解决方法一：
1 按键盘win+r 打开运行界面，输入cmd，确定，打开管理员界面
2 输入netstat -aon | findstr :80
查找端口占用情况，找到提示占用的端口号0.0.0.0:80，查看后，pid值为4
3 输入tasklist|findstr "4"
这是微软的程序，最终这个方法不适合我，后面找的方法二解决了。
方法二：
在conf配置文件中将监听的端口 80 改为其他的端口即可（我更改的为81）。
在浏览器中的地址栏中输入时需要加上:81，测试成功。
然后根据教程设置logs文件夹内nginx.conf的路径，最终输入地址http://localhost:81/task1.html，可以正常访问：
3、手机上直接访问网页，电脑和手机连上同一个WiFi，查看电脑ip, 找到无限局域网适配器wlan中的ip地址，手机输入地址http://192.168.0.10:81/task1.html，成功访问。
明日计划：开始学习了解任务二里的GitHub。
遇到的问题：github都是英文，头好大，不知道该怎样去学习这个东西。
收获：学会设置viewport，让网页可以自动适应手机屏幕宽度，学会配置nginx，可以让手机直接网页。
返回列表
评论