如果你看一下当你减小屏幕宽度时会发生什么，那就是大照片变得越来越短，仍然填满了100％的宽度：
https://mmistakes.github.io/minimal-mistakes/
现在，我没有发现那些吸引人的东西，并且想要让照片消失，并在导航栏成为按钮后成为整个顶部（导航栏）部分的背景。但是，我希望只显示照片的某个部分，而不是整个宽度。
有关如何实现这一目标的任何提示？
更新：这里棘手的部分是每个页面都有自己的图像。由于这是jekyll，理论上，我可以在每个生成页面的<head>中添加一个css条目来设置导航栏的背景图像，但我不确定是否有更优雅的解决方案。
答案 0 :(得分：-1)
将图片作为导航栏的背景并使用css background-position属性。
使用视口并让图像（img-tag）消失