小编Aki*_*wan的帖子

将 Github 中的图像文件移动到文件夹

我正在将我的网站移至 Github Pages,但在未保留相同文件夹名称方面犯了一个错误。相反,我只是将每个文件上传到主存储库。我的存储库在这里:https : //github.com/akinhwan/akinhwan.github.io

我知道如何通过单击编辑图标并添加根名称和“/”来更改文本文件的文件目录。但是图像文件似乎没有这个选项。

我如何使用 github、git shell 或 github desktop 将我的许多图像文件移动到子文件夹 /img 以便我的 html 能够找到我的图像文件?

谢谢大家!

git github

5
推荐指数
1
解决办法
5305
查看次数

垂直响应高度

我正在使用引导程序,并且在宽度方向上有一个响应页面,但是我也在尝试使其垂直响应。该页面最终将最终成为一种小部件,以便用户可以将其大小调整为任何宽度和高度组合。通常,我在网上看到的研究内容与响应宽度有关,或者如果他们谈论高度媒体查询,那么它仅适用于构成页面的所有元素的一部分。

我发现在引导程序中具有断点会有所帮助,但几乎希望对垂直断点也有12行网格系统。当受高度限制时,并不是所有的布局都看起来不错,尤其是当我尝试做的也没有任何垂直滚动条时。

当我已经拥有(最小宽度和最大宽度)媒体查询时,将高度媒体查询与某些宽度结合起来也感觉多余。因为如果我只是进行(最小高度和最大高度)媒体查询,那么它将裁切太宽的内容。

从16:9的宽高比和1920x1080px的分辨率开始,我将其分解为12个断点。3、6、9的比例高度和4、8、12、16的比例宽度。

@media (min-width: 480px) and (min-height: 360px){}
@media (min-width: 480px) and (min-height: 720px){}
@media (min-width: 480px) and (min-height: 1080px){}
@media (min-width: 960px) and (min-height: 360px){}
@media (min-width: 960px) and (min-height: 720px){}
@media (min-width: 960px) and (min-height: 1080px){}
@media (min-width: 1440px) and (min-height: 360px){}
@media (min-width: 1440px) and (min-height: 720px){}
@media (min-width: 1440px) and (min-height: 1080px){}
@media (min-width: 1920px) and (min-height: 360px){}
@media (min-width: 1920px) and (min-height: 720px){}
@media (min-width: 1920px) and (min-height: 1080px){}
Run Code Online (Sandbox Code Playgroud)

基本上,我在问是否有更好或更简单的方法可以做到这一点。因为目前看来我不得不使用许多自定义断点,并且我将在每个查询中插入很多样式来调整每个屏幕尺寸的布局。

css media-queries responsive-design twitter-bootstrap

3
推荐指数
1
解决办法
9900
查看次数

从一系列繁忙时间范围中获取可用时间范围

假设您有一系列忙碌的会议时间范围

[{'start':'9:00 AM', 'end':'10:00 AM'},
{'start':'12:00 PM', 'end':'2:00 PM'},
{'start':'5:00 AM', 'end':'7:00 PM'}]
Run Code Online (Sandbox Code Playgroud)

我想在24小时内获得一系列可用时间,这与上述时间相反.喜欢...

[{'start':'00:00 AM', 'end':'9:00 AM'},
 {'start':'10:00 AM', 'end':'12:00 PM'},
 {'start':'2:00 PM', 'end':'5:00 PM'},
 {'start':'7:00 PM', 'end':'11:59 PM'}]
Run Code Online (Sandbox Code Playgroud)

我尝试过使用moment.js以及https://www.npmjs.com/package/moment-range,特别是.subtract()方法.

我知道类似的stackoverflow问题,但找不到适用于这种格式的问题,在javascript中,使用momentJS和优雅的ES6数组方法解决方案.

javascript momentjs ecmascript-6

1
推荐指数
1
解决办法
241
查看次数