发表于: 2017-02-01 00:57:13
1 550
我是老大钦点的外门弟子
【今天完成的事】
按照师兄说的,重新把各个部件处在psd设计图中哪个位置重新量过之后修改了布局。宽度用的百分比,高度用的rem,高度的rem值和字体的rem值都是按照原本的像素值除以12再除以2算出来的。图片大小也是原始尺寸除以2。虽然看起来好像可以,但是不是很肯定这样对不对。font-family改成设计图原本的字体。也把之前布局得乱糟糟的地方调整了一下。
【明天计划的事】
继续调一下自我介绍右边那个部分(这个部分用百分比算出来的width,跟效果图看起来的不一致,可能我算得不对),还有调背景图,(因为背景图显示没有跟着屏幕宽度大小的变化而变化)。学习css代码规范,并根据规范优化自己的代码。
【遇到的问题】
1、footer固定在底部,然后滑动的时候盖住了一部分内容。通过外部加了个padding-bottom的值来解决。
2、滑动中间内容的时候,字体会覆盖住header。把header的z-index值改成1。
3、每次手机第一次加载的时候所有东西都会乱成一团。但是再刷新又可以了。不知道为啥。
4、不知道是不是应该把电脑端和平板端页面的显示设置成宽度最大值为720px。
【收获】
回顾了z-index的知识。知道了一些常用的设计尺寸和设备的度量。
评论