发表于: 2017-03-17 22:40:10
1 545
今天完成的事情:1、学习慕课网上的photoshop切图教程,了解了切片、切片选择等工具的应用,并用photoshop将魔镜介绍页psd上的图层切割,并导出到电脑上。
2、学习px、em、rem的区别,px是相对于显示器屏幕分辨率,em会继承父级元素的字体大小,rem相对的只是HTML根元素。而使用em时要尤为注意设置body选择器声明Font-size=62.5%,在设置子元素时注意父级元素的设置。
3、学习网页宽度自动适应手机屏幕宽度的方法,并做一个小的测试文件,调整width=device-width、initial-scale、minimum-scale、maximum-scale、user-scalable的值在chrome浏览器中查看显示的效果。
明天计划的事情:完善之前写的代码,将今天切的图放入到代码中,并调试更改代码。
遇到的问题:第一次使用photoshop cc,对什么图层、画布等名词没概念,切图花费了比较长的时间。
收获:还好photoshop是中文版,对操作界面熟悉比较快,并能用来切图。了解字体的px、em、rem三个单位。对响应式web设计---viewport 也有深入学习。
评论