发表于: 2017-07-11 22:25:50

1 965


今天完成的事情:

替换项目中的图片上传插件
为侧边栏侧边栏增加了响应式。

项目整体字体调小,使显示区域更广。

其它样式上的细节修改。


明天计划的事情:

准备小课堂。

学习闭包。


遇到的问题:

之前使用的图片上传插件是Bootstrap File Input,后来发现编辑项目时无法将图片再次显示出来,想了很久都无法呈现。无奈换成了Angular File Upload,这样就很容易把图片再次显示出来了。直接将返回的img赋给一个变量就行。


为后台侧边栏做响应式的时候,用到了@media媒体查询,同时我也使用$(window).width检测屏幕的宽度来调整@media中的一些样式,结果却发现@media中的宽度不等于$(window).width,导致中间有一段宽度样式不会改变。发现这个问题是由滚动条造成的,后来找到了解决方法:使用window.matchMedia(),可王权匹配媒体查询宽度,如下:

function checkPosition() {
   if (window.matchMedia('(max-width: 767px)').matches) {
//...
   } else {
//...
   }
}


收获:

学会了一些新的样式,如:

outline,在margin外部设置一个边框,边框宽度只能向外扩展。

outline-offset,设置边框与margin的距离,通过设置值为负的方式可使outline向内扩展。



返回列表 返回列表
评论

    分享到