发表于: 2016-07-26 18:45:39

1 1591


几天没写日报了,今天补充记录,今后要坚持每天写。

今天完成的事情:

1.PS自动切图,用的是PS CC 2015。方法1:文件-->导出-->将图层导出到文件,会自动切图,但是我觉得这个方法不是太好,因为图片大的话速度太慢,而且导出来一堆还得一个个辨别;方法2:文件选项图像资源勾上-直接在ps里重命名图层,如加一个.png,文件夹中会自动导出。更推荐这种方法,很方便,导出来的图直接可以看尺寸,尺寸很精确。

2.学了手机自适应的做法。主要有3种方法:meta标签;百分比;rem+媒体查询。

3.写了task3,并上传到服务器和GitHub.

4.研究了一下域名和服务器,然并卵,还是搞不懂,详情下述。

明天计划的事情:task4

遇到的问题:

1.task3的实现,遇到不少问题

       1)我不知道写那个部分,黑色的顶部通栏要写吗?还是只写绿色的内容部分。完全不知道呀。后面还是决定只写内容部分了。

       2)高度不知道怎么处理。本来我觉得这个像是一个app页面,那么应该是所有内容都在一屏内,但是做了各种尝试,但是要完全适应一屏的高度的话,应该字体和间距都是自适应屏幕高度的,应该要用js吧,于是决定那先放一放,所以现在高度是超出一屏的,直接由内容撑开。

       3)宽度不知道怎么处理。宽度本来是用100%,后来为了让电脑端显示效果同手机端类似,改成max-width:640px,而且整体修改为rem单位配合媒体查询的方法来适配不同分辨率的屏幕。但是谷歌浏览器下手机效果有点问题。在电脑端火狐/IE8以上均显示:正文部分字体大小30px,行高54px,但是谷歌则是字体30px,行高64.8px。百度出来的原因说是因为我用的html{font-size:62.5%},这样设置默认字体大小为10px,便于计算rem,如16px=1.6rem,而谷歌默认的最小的字体大小是12号。所以就会出错。解决方法:将html{font-size:625%;},这样默认字体大小就是100px,计算结果就正常了。

2.task2的问题

1)域名解析了用不了。在官网上买了学员专用服务器,然后用FTP把文件上去,用链接可以访问(119.10.57.69:880/jnshu045/task3/task3.html)。域名是在阿里云上购买,并在阿里云上自动解析,隔了几天了,但是域名(dearlisa100.com)不能访问,阿里云上域名解析检测显示本机电脑无数据。

查了资料,尝试如下:a.在本机上用ping+空格+域名,有来自IP地址的回复,应该是有解析成功的;b.尝试在FileZilla把当前链接建立站点,但是站点管理的地方没有绑定域名的地方。

疑问:域名解析的时候,只需要输入IP地址,但是学员服务器是公用的,他怎么知道IP地址下哪个路径是我的呢?要怎么样让域名和IP下的我的路径连接?怎么样才能正常访问?

2)task2要求上传到代码到云服务器,然后配置Nginx。我不理解这里的Nginx的作用,他不是反向代理,用来负载均衡的吗?是不是非必需要配置的?是不是要到Nginx里去配置服务器地址?计算机网络知识太薄弱,怎么补?

7.27updated:放弃了域名绑定金山云服务器了,改绑定了GitHub Page,一下子就成功了~好开心~

收获:加深了对于实现手机自适应的理解。



返回列表 返回列表
评论

    分享到