发表于: 2016-10-27 14:15:29

3 674


今天完成的事情:1、完成九宫格PC版和手机版都可行的静态页面;2、简单配置了一下nginx;

代码:

PC版展示:

手机版展示:

明天计划的事情:服务器的部署还有借着项目的内容把之前的零碎都整理一下

遇到的问题:当我在head中输入<meta name="viewport" content="width=device-width,initial-scale=1"/>的时候,用F12切换成手机模式下的时候,会变成如图:

initial-scale=1的意思不是说按比例缩放吗,结果是我没打这行代码的时候,会按1:1缩放,这是我现在还存在疑问的地方

收获:知道了nginx这个东西,运用了display:inline-block这个样式(与display:block的区别:inline-block:是块级元素,不会独自占领一行;block:块级元素,独自占领一行),还可以用float:left来做;宽度和高度在自适应的时候不能固定


返回列表 返回列表
评论

    分享到