发表于: 2017-03-17 22:40:10

1 546


今天完成的事情: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 也有深入学习。



返回列表 返回列表
评论

    分享到