发表于： 2019-05-29 21:14:14
2 752
今天完成的事情
尝试了下nginx，并成功将网页在手机上显示。
继续学习Less，改用为cdn文件，加快加载速度
学习了max-width和min-width
排版了任务7首页一部分内容
蓝色导航栏直接设置了固定高度
菜单图片设置了左边距和上边距
其实这里可以给图片设置外边距，header高度自适应
下面的部分同时设置了width和max-width，
width就是一个固定的宽度
max-width为最大宽度，实际宽度在0 - max-width之间
当width 大于 max-width时，使用max-width
当width 小于max-width时，则使用width
因此，当元素宽度小于·462px时，页面就会采用max-width，我设置的宽度为89%
就能形成弹性布局，适应手机端
右边的箭头我使用了相对定位，脱离文档流，不影响居中的文字
遇到的问题
由于使用的是校园网，因此使用nginx非常不方便，要想使用局域网环境就只能手机上使用热点让电脑连接。
返回列表
评论