怎样将宽度调整到边缘位置

我正试图确保“纵向”图像在发布时不会被调整大小……我想让它占据全部宽度……我该怎么做……?

2 个赞

也许可以提供页面,这样有人可以专门检查一下,否则就用你浏览器中检查页面的功能来玩玩,添加 object-fit contain/fill 等,或者一些边距,也许是 aspect-ratio 等,在你正在处理的任何元素上,我敢打赌你会弄明白的 :+1:

就像这样

当然,如果你有几美元或比特币可以提供的话,也不能忽视市场方法 :hugs:

2 个赞

您可以在站点设置中搜索 image 并进行尝试。但我认为您可能找不到想要的东西。当然,通过插件和主题可以实现各种奇特而美妙的功能,但根据我们现有的情况,我感觉这并不容易,甚至不可能。

不过我以前也曾犯错。有几次 :zany_face:

3 个赞

min ratio to crop 管理员设置对此有帮助吗?

2 个赞

这个 Theme component 也许也有帮助。请记住它仍处于实验阶段。但它也用于 Meta 上的某些 #theme。

1 个赞

我试过了——不是这个原因。- 仍在寻找解决方案。

您检查了 Jagster 建议的其他图片设置吗?特别是 max image width

1 个赞

我做到了——更改为 1200 没有区别……我发现更改它的唯一方法是更改实际照片。

我只想让“纵向图像”占据帖子的全部宽度。

此组件不稳定,即使安装了最新的 discourse,它也会将所有内容推到左侧(无填充),破坏了我的暂存主题。

也许那些图片的最大高度超过了最大宽度

总的来说,我喜欢图片的大小受到限制。在较小的屏幕上,比如我的平板电脑,否则图片会比我的屏幕还大。

2 个赞

奇怪。平板电脑应该可以缩放,无论网站怎么建议。iPad 无论如何都是这样工作的,还有一些……我想是三星的。但所有手机都可以。

总之,处理图片是 Discourse 的一个弱点。一团糟。

1 个赞

这似乎很简单……图像在作为纵向图片发布时,应该占据帖子宽度容器的全部宽度……(如果不是默认设置,但可以轻松设置)。

我认为这里每个人都信任灯箱。

如果 max image height 高于我的屏幕,它将无法在屏幕上显示而无需滚动。为什么平板电脑要调整帖子内的图像大小?


使用默认值时,它看起来像这样:

我可以看到整个图像而无需滚动。

更改最大图像高度时,应考虑不同的屏幕尺寸。

1 个赞

因为手机比台式电脑更易于使用吗?

1 个赞

是的,这是实验性组件的风险。至于填充,您可以添加一个自定义组件来增强它,添加覆盖并添加填充等。

当您拥有一个摄影论坛时,图片至关重要,而且他们并非总是以纵向方式发布所有照片,但当他们这样做时,他们并不介意需要滚动一下。

所以您想将图片拉伸到全屏宽度,即使图片的原始尺寸小于页面宽度?

我不推荐这样做,因为您可能会损失质量,但是:

您是否尝试过将 max image heightmax image width 设置为较高的值,使用 CSS 设置:

.cooked img:not(.thumbnail):not(.ytp-thumbnail-image):not(.emoji) {
    width: 100%;
    max-width: 100%;
}

在我这边看来,这似乎能实现您所描述的效果。

2 个赞

摄影论坛似乎不会显示小图片,我猜是这样。再说一次,我不知道,但我认为问题在于自动缩小尺寸。所有的图片都是 800x 像素左右,然后就会有空白区域,即使可以显示 1500x 像素左右的内容。

但我认为这基本上只是桌面端的问题,因为手机会倾向于猜测用户能做什么或不能做什么。

摄影师几乎从不发布“小”照片……流程很简单:

1)上传照片

如果照片小于帖子宽度尺寸:
保持比例并将宽度拉伸至占据帖子全部宽度尺寸。

如果照片等于或大于:
保持图像比例,但占据帖子全部宽度尺寸。