html - 我的新网站页面没有正确显示图片

标签 html css

The html code on the actual webpage

你好。我在图片无法正确显示在网站上时遇到一些问题。我已经添加了图片并为其创建了一个 div.tag 并将其添加到 CSS,但它根本无法正确显示。 http://mala.co.uk/projects-sw-adelphi.html是我添加的新网页之一。 http://mala.co.uk/projects-cat-a-eastcheap.html是一个图片正常显示的网页。我真的很困惑,为什么我添加的新页面的图片被截断了,而旧的页面却完美地渲染了图片。 Eastcheap 图片的尺寸应该是这样的(更正方形),但新页面显示的图片更矩形。任何帮助将不胜感激。亲切的问候

最佳答案

您已设置特定的 height对于 large-6 columns div。更改该高度会影响图像,因为它是相对于父 div 容器的。

我不确定该高度是如何生成的,或者您是否对其进行了硬编码。它也可能取决于右列的文本,这将改变左列的高度。

编辑:我已经在检查器中编辑了您的代码。看起来像那样。

<div class="large-6 columns panel-container" data-equalizer-watch="" style="height: 450px;">

enter image description here

关于html - 我的新网站页面没有正确显示图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58599631/

相关文章:

css - 使用滚动条创建 iframe 区域

相当于 :-moz-system-metric(touch-enabled) 的 Webkit

html - 如何制作透明黑色背景,前面有非透明文字?

javascript - JQmodal 焦点不起作用

javascript - Angular js 不起作用

javascript - 使用 CSS 设置数据表样式以删除边框并更改数据单元格高度?

html - 透明悬停在图像按钮中的图灵图像

html - 窗口高度调整大小后覆盖不全屏

html - 为什么 <form> 是 block 元素?

javascript - 鼠标悬停鼠标离开 - 子菜单