我正试图确保“纵向”图像在发布时不会被调整大小……我想让它占据全部宽度……我该怎么做……?
也许可以提供页面,这样有人可以专门检查一下,否则就用你浏览器中检查页面的功能来玩玩,添加 object-fit contain/fill 等,或者一些边距,也许是 aspect-ratio 等,在你正在处理的任何元素上,我敢打赌你会弄明白的 ![]()
就像这样
当然,如果你有几美元或比特币可以提供的话,也不能忽视市场方法 ![]()
您可以在站点设置中搜索 image 并进行尝试。但我认为您可能找不到想要的东西。当然,通过插件和主题可以实现各种奇特而美妙的功能,但根据我们现有的情况,我感觉这并不容易,甚至不可能。
不过我以前也曾犯错。有几次 ![]()
这个 Theme component 也许也有帮助。请记住它仍处于实验阶段。但它也用于 Meta 上的某些 #theme。
我试过了——不是这个原因。- 仍在寻找解决方案。
您检查了 Jagster 建议的其他图片设置吗?特别是 max image width
此组件不稳定,即使安装了最新的 discourse,它也会将所有内容推到左侧(无填充),破坏了我的暂存主题。
也许那些图片的最大高度超过了最大宽度?
总的来说,我喜欢图片的大小受到限制。在较小的屏幕上,比如我的平板电脑,否则图片会比我的屏幕还大。
奇怪。平板电脑应该可以缩放,无论网站怎么建议。iPad 无论如何都是这样工作的,还有一些……我想是三星的。但所有手机都可以。
总之,处理图片是 Discourse 的一个弱点。一团糟。
这似乎很简单……图像在作为纵向图片发布时,应该占据帖子宽度容器的全部宽度……(如果不是默认设置,但可以轻松设置)。
我认为这里每个人都信任灯箱。
如果 max image height 高于我的屏幕,它将无法在屏幕上显示而无需滚动。为什么平板电脑要调整帖子内的图像大小?
使用默认值时,它看起来像这样:
我可以看到整个图像而无需滚动。
更改最大图像高度时,应考虑不同的屏幕尺寸。
因为手机比台式电脑更易于使用吗?
是的,这是实验性组件的风险。至于填充,您可以添加一个自定义组件来增强它,添加覆盖并添加填充等。
当您拥有一个摄影论坛时,图片至关重要,而且他们并非总是以纵向方式发布所有照片,但当他们这样做时,他们并不介意需要滚动一下。
所以您想将图片拉伸到全屏宽度,即使图片的原始尺寸小于页面宽度?
我不推荐这样做,因为您可能会损失质量,但是:
您是否尝试过将 max image height 和 max image width 设置为较高的值,并使用 CSS 设置:
.cooked img:not(.thumbnail):not(.ytp-thumbnail-image):not(.emoji) {
width: 100%;
max-width: 100%;
}
在我这边看来,这似乎能实现您所描述的效果。
摄影论坛似乎不会显示小图片,我猜是这样。再说一次,我不知道,但我认为问题在于自动缩小尺寸。所有的图片都是 800x 像素左右,然后就会有空白区域,即使可以显示 1500x 像素左右的内容。
但我认为这基本上只是桌面端的问题,因为手机会倾向于猜测用户能做什么或不能做什么。
摄影师几乎从不发布“小”照片……流程很简单:
1)上传照片
如果照片小于帖子宽度尺寸:
保持比例并将宽度拉伸至占据帖子全部宽度尺寸。
如果照片等于或大于:
保持图像比例,但占据帖子全部宽度尺寸。




