发表于: 2017-02-21 00:30:55
1 1279
今天完成的事情:基本完成CSS中的任务3,但是效率不高。今天用的都是最基本的CSS标签跟布局。
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
写移动端的项目,这段代码是一定要打出来的。content="width=device-width,控制viewport的大小,device-width是设备宽度的意思。
initial-scale=1.0是初始的缩放比例,minimum-scale=1.0 允许用户缩放到的最小比例,maximum-scale=1.0 允许用户缩放到的最大比例,
user-scalable=no 用户是否可以手动缩放。
明天计划的事情:学习移动端中的响应式布局,和flex弹性布局。
遇到的问题:缩小浏览器到最后最下面的图标会被给掩盖住,用 justify-content:center; 也不好使,暂时没解决。媒体查询还是不太会用,对浮动的运用还是没有吃透。
收获:对基本的CSS浮动布局又熟悉了一遍,深感自己基础的薄弱。还要多切页面达到熟练。
PS:CSS任务3的GIT链接 https://github.com/lbw880322/csstask3.git
评论