程序员经验分享-hwhale

Firefox 忽略图像的百分比高度

2024-01-11

我正在为一位教授开发一个网站，但我在 Firefox 中遇到了 CSS 问题。该网站被设计为流动宽度/高度，因此它可以在任何分辨率下填充屏幕，因此我使用了大量的高度和宽度百分比。然而，我遇到了图像问题。

http://projects.mediabounds.com/i.bradley.edu/ http://projects.mediabounds.com/i.bradley.edu/

顶部缩略图栏should缩放图像，但它在 Firefox 中不起作用，图像保持 100% 原始高度。它在 Safari 中运行良好（不知道 Internet Explorer）。我已将高度设置为 100%，宽度设置为自动。我希望它将图像缩放到 div 高度的 100%，然后相应地调整宽度。

谁能指出我错过了什么？


您需要为图像指定 100% 的高度，但其父元素需要具有所需的高度和宽度（以百分比表示）。

基本上制作一个包含图像的 DIV，为 DIV 提供所需的宽度和高度（以百分比或像素为单位）。将图像放置在 DIV 内并赋予其 100% 高度。

这就是 Firefox 处理图像的方式。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

firefox

fluidlayout

Firefox 忽略图像的百分比高度 的相关文章

随机推荐

  • Doctrine ORM 失败（ClassMetadataFactory.php）

    最近 我使用 silex 2 0 更新了我的项目 并在 var www vhosts server com mx cmanager server 中标记了以下错误映射解析错误 语法错误 意外的 期望 com mx vendor doctri

  • PHP ImagickDraw 与概述文本问题

    我正在学习和练习我的 Imagick 技能 我在使用 Imagick 描边绘制轮廓文本时遇到问题 我想实现此图像上可见的效果 流行的互联网模因 这是我到目前为止的代码 draw new ImagickDraw outputImage new

  • .NET 有内置的 EventArgs 吗？

    我正准备为带有单个参数的事件参数创建一个通用的 EventArgs 类 public class EventArg

  • 如何使用mysql子查询减去库存和销售？

    尝试了解有关子查询的更多信息 我正在寻找一种方法来减去和比较两个表 存货 Sales 我的数据记录如下 存货 mysql gt select store id product id sum quantity as inventory fro

  • 无法在 pyspark 数据帧上使用 Sklearn 模型进行预测

    我已成功加载 sklearn 模型 但无法对 pyspark 数据帧进行预测 运行下面给定的代码时 出现下面提到的错误 请帮助我获取在 pyspark 上使用 sklearn 模型进行预测的代码 我也搜索过相关问题 但没有找到解决方案 sc

  • pki与对称加密的性能差异是什么？

    我们希望对我们的项目提出一些严格的安全要求 并且我们需要进行大量高性能的加密 我认为我知道 PKI 比对称加密慢得多且复杂得多 但我找不到数字来支持我的感觉 是的 纯粹的非对称加密比对称密码 如 DES 或 AES 慢得多 这就是实际应用程

  • Mongoid 查询数组字段

    我有一个category现场type Array在蒙古人中 前任 类别 val1 val2 val3 现在我想用 category val1 val2 查询这个模型 以便它返回我的合并 Model where 类别 val1 和 Model

  • 正在像 Smalltalk 一样浏览 Ruby 代码？

    Smalltalk 类层次结构浏览器最接近的等价物是什么 我见过一些解决方法 例如this http www lovettsoftware com blogengine net post 2012 01 27 Ruby Class Hier

  • 上传 100KB+ zip 文件会出现内部服务器错误

    这是我的 HTML 代码 尽管我认为它无关紧要

  • C++ 查找 ofstream 的大小

    我的代码当前执行类似以下操作 ofstream fout fout open file txt fout lt lt blah blah lt lt 100 lt lt lt lt 3 14 get ofstream length here

  • 使用 iPhone 应用程序在 Google+ 中分享图像

    在这里 我正在 IOS 应用程序中使用 Google 集成 我已阅读链接中的指南https developers google com mobile ios share https developers google com mobile

  • Wix - 根据条件安装目录

    在我的 wix 源代码中 我必须在注册表中查找 2 个条目才能获取安装目录

  • 关闭 ServiceStack 日志记录

    ServiceStack 的内部日志记录不是我希望在日志中包含的内容 我们如何禁用内部日志记录 或者至少抑制它 这样它就不会堵塞日志 配置 LogManager 时只需将其设置为 NullLogFactory 的实例 LogManager

  • JPanel 未在 JFrame 中显示 - Java

    Server 是我创建的一个扩展 JFrame 的类 Server serverApp new Server TITLE WIDTH HEIGHT true false 我已经有效地删除了几乎所有其他代码 但问题仍然存在 c getCont

  • 如何使用 WebAPI、WCF、SignalR 和后台任务在 MVC Web 应用程序中配置简单的注入器容器和生活方式

    简单的注入器文档提供了关于如何为 WebRequest Web API WCF 设置容器的很好的示例 但这些示例一次只针对一种技术 生活方式 我们的网络应用程序同时使用了它们中的大部分 我不清楚如何配置容器以适应多种生活方式 假设我有一个带

  • 将 pandas dataframe 的双组打印为二维数组

    我想将带有 2 个分组依据的单值聚合的结果显示到表中 这样 df groupby colA colB size 会产生 B1 B2 B3 B4 A1 s11 s12 s13 A2 s21 s22 s23 A3 s31 s32 s33 A4

  • C++11 lambda 作为数据成员？

    lambda 可以定义为数据成员吗 例如 是否可以使用 lambda 而不是函数对象重写下面的代码示例 struct Foo std function

  • 无法将 List' 隐式转换为 'double'

    不断抛出 我的代码的这一部分出了什么问题 当我想返回单元格时 我收到此错误 无法将类型 System Collections Generic List 隐式转换为 double public double readFileToList st

  • 多重集合的高级类型

    我想写一个Multiset T S Scala 中的类 它有 2 个类型参数 T是元素的类型 而S是集合的底层表示 在这个多重集中 一个实例S T Int 被构造 在每对中 T是元素并且Int是其出现的次数 这在 C 中是可能的 templ

  • Firefox 忽略图像的百分比高度

    我正在为一位教授开发一个网站 但我在 Firefox 中遇到了 CSS 问题 该网站被设计为流动宽度 高度 因此它可以在任何分辨率下填充屏幕 因此我使用了大量的高度和宽度百分比 然而 我遇到了图像问题 http projects media

热门标签