发表于: 2018-12-26 00:45:40

2 940


已经完成:

   


代码如下:

       


中间用到了类选择器来定义box,以及float,建议去这里看看:https://github.com/smyhvae/Web/blob/master/02-CSS;

调试过程中,对盒子模型的理解还有点偏差,明天继续倒腾一下,以完全掌握。

有一点要注意,每个方格的高度用要padding-top实现,hight不行。


强烈建议用google搜问题。

明天完成19-22, 4项。



--------------上面是25日,下面是26日---------------



今天完成了已下几项:

19.(知识学习)查看学习资料--《viewport——什么是viewport》(0.5小时)

20.(编码实战)并使用它对html进行优化,适配移动设备(0.5小时)

21.(代码调试)使用Chrome的开发者工具(F12),模拟手机访问网页(0.5小时)


viewport也就一行代码,但是作用巨大,如下是在Quark浏览器中的实测,左边的加了viewpoint。

// 无视右边的s,多按了一个。


Chrome提供的测试工具,效果和手机实测有差异,以下是未加入viewpoint的页面。


-------------------------------------------------------

nginx搭建成功:

这里设置一个文件夹放html作品


win+R→cmd→ipconfig : 获取局域网中本机ip,以便用手机访问。


手机输入:ip/XXX.html , 即可访问!


成果如下





返回列表 返回列表
评论

    分享到