HTML CSS 在 IE9 中无法正常工作-6ren

HTML CSS 在 IE9 中无法正常工作

转载作者：行者123 更新时间：2023-11-28 03:15:51

24

4

只是玩弄我正在设计的新电子邮件的骨架，它似乎无法在 IE9 中正确调整大小。我注意到的主要事情是顶部 table 没有移动(从右到左)并且瓶子 table 没有正确调整大小/响应。

这是 jsfiddle: http://jsfiddle.net/hirenshah/k7wg3yry/4/

我正在使用名为 Thunderhead 的应用程序根据来自另一个应用程序的数据实际创建电子邮件，所以这是从中生成的 HTML 文件。请忽略底部表格的可怕边框样式:

<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Responsive</title><style type="text/css">/* Mobile Devices */
 @media only screen and (max-width: 599px) {
    .table {
        display:block;
        width:100%;
    }
    .container {
        width:300px;
        !important max-width:300px;
        !important
    }
    img.resize {
        max-width:300px;
        height:auto;
    }
}
/* All Other Devices */
 .container {
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    max-width:600px;
    padding:10px;
}
.center {
    margin-left: auto;
    margin-right: auto;
}
.left {
    text-align: left;
}

.right {
    text-align: right;
}</style></head><body bgcolor="#C0C0C0"><table class="container"><tr><td><table width="100%" dir="rtl"><tr><td class="table" dir="ltr" width="35%"><p>Hello</p></td><td class="table" dir="ltr" width="65%"><p><b>Reference </b><span class="HeaderInline"><b>ABC123</b></span></p></td></tr></table><table><tr><td><p><customlink><img src="http://effervescence.me/wp-content/uploads/2014/01/UnencumberedSharingCircleBanner600px.jpg" class="resize" /></customlink></p><p class="QuoteLetterHeader">Fee is £123.45</p><p class="LetterLargeText_Fixed">Dear Mr Bob</p><p class="LetterLargeText_Fixed">Thanks for visiting our website to get a quote - you'll find your quote below.</p><p class="LetterLargeText_Fixed">Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah </p></td></tr></table><table width="100%"><tr><td class="table" width="50%"><table cellspacing="0" cellpadding="0" width="100%"><tbody><tr><td width="100%" style="border-bottom-color:black;border-bottom-style:solid;border-bottom-width:1pt;border-left-color:black;border-left-style:solid;border-left-width:1pt;border-right-color:black;border-right-style:solid;border-right-width:1pt;border-top-color:black;border-top-style:solid;border-top-width:1pt;"><p class="CallNumber">aa1 a1 a1 a1 a1 a1 a1 a1 1 a1 a1 a1 a1 a1 a1 a1 </p></td></tr><tr><td width="100%" style="border-bottom-color:black;border-bottom-style:solid;border-bottom-width:1pt;border-left-color:black;border-left-style:solid;border-left-width:1pt;border-right-color:black;border-right-style:solid;border-right-width:1pt;"><p class="CallNumber">a2 a2 a2 a2 a2 a2 </p></td></tr><tr><td width="100%" style="border-bottom-color:black;border-bottom-style:solid;border-bottom-width:1pt;border-left-color:black;border-left-style:solid;border-left-width:1pt;border-right-color:black;border-right-style:solid;border-right-width:1pt;"><p class="CallNumber">a3 a3 a3</p></td></tr></tbody></table></td><td class="table" width="50%"><table cellspacing="0" cellpadding="0" width="100%"><tbody><tr><td width="100%" style="border-bottom-color:black;border-bottom-style:solid;border-bottom-width:1pt;border-left-color:black;border-left-style:solid;border-left-width:1pt;border-right-color:black;border-right-style:solid;border-right-width:1pt;border-top-color:black;border-top-style:solid;border-top-width:1pt;"><p class="CallNumber">b1 b1 b1 b1 b1 b1 b1 b1 b1 b1 b1 b1 b1 b1 b </p></td></tr><tr><td width="100%" style="border-bottom-color:black;border-bottom-style:solid;border-bottom-width:1pt;border-left-color:black;border-left-style:solid;border-left-width:1pt;border-right-color:black;border-right-style:solid;border-right-width:1pt;"><p class="CallNumber">b2 b2 b2 b2 </p></td></tr><tr><td width="100%" style="border-bottom-color:black;border-bottom-style:solid;border-bottom-width:1pt;border-left-color:black;border-left-style:solid;border-left-width:1pt;border-right-color:black;border-right-style:solid;border-right-width:1pt;"><p class="CallNumber">b3 b3 </p></td></tr></tbody></table></td></tr></table></td></tr></table></body></html>

所有这些都适用于 Chrome 和 Firefox，所以它必须适用于 IE :(

最佳答案

对您的代码进行了更改。在 IE 中进行了测试。请查找更新的代码 HTML & CSS JSFIDDLE

关于HTML CSS 在 IE9 中无法正常工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27942538/

24

4

0

文章推荐： html - 基于 Chromium 的浏览器不加载本地 svg

文章推荐： html - Svg 动画 : begin and end

文章推荐： html - 在标题中制作导航栏时遇到问题

文章推荐： css - 两片式背景上的线性渐变

html - 多个背景相互叠加(正常、拉伸(stretch)、正常)
自从我 faced an issue由于背景图片对于不同分辨率的内容来说太短，我尝试将背景分成 3 部分并自动拉伸(stretch)中间部分以相应地填充顶部和底部图像之间的空间。不幸的是我没能在 CS
c++ - QtCUrl post 不再有效(Linux 正常...windows 正常)
我从去年开始就在我的程序中运行这个函数(Linux 和 Windows)。现在我需要实现一个新功能，我的新构建不再运行。我还有其他使用 POST 的 CUrl 函数，结果是一样的:没问题，但我的
haskell - 正常/应用订单减少
在评估函数应用方面，Haskell 是只支持普通降阶还是也支持应用降阶？我是否认为正常顺序是 Haskell 惰性的原因？最佳答案 GHC 运行时不使用术语缩减策略，因为那会非常低效。事实上，GHC
python - 多处理比单个(正常)处理花费的时间更长
怎么来的multi使用多处理池对多个“进程”上的数据进行分段和处理的函数比仅调用 map 慢(8 秒)。功能(6 秒)？ from multiprocessing import Pool import
c++ - OpenGL glVertexAttribPointer 正常
假设我正在渲染一个 3d GL_TRIANGLE。该对象需要 3 个顶点才能定义:A、B、C。我将此类数据放入缓冲区并通过 glVertexAttribPointer 将其绑定(bind)到着色器。
css - 字体粗细(正常、粗体……)
我有一个字体的三个文件，普通的，粗体的和浅色的。由于 font-weight:light 不存在，我该如何在 font-face 上设置 light 呢？顺便问一下，font-weight:ligh
C free() 下一个尺寸无效(正常)
我是 C 的新手，我似乎无法弄清楚什么似乎是一个非常简单的指针问题。我的程序将行号添加到文件中。它逐行读入文件，然后在每行的开头添加一个行号。它在每个文件上都可以正常工作，如下所示: soccer@s
c++ - 正常 block 后检测到堆损坏
我有以下代码，我不确定为什么当它命中 Myclass 的析构函数时我会收到堆损坏检测错误。我相信我正在正确地释放内存？？ #include #include using namespace std
java - 正常 - RPN 转换
有什么方法可以将“正常”数学符号解释为逆波兰符号 (RPN)..？例如1) 2 + 3*4 - 1 = 234*+1-2) 5 (4-8) = 548- 你可以假设遵循 BODMAS 规则并且必须首
css - 三星和苹果默认浏览器样式错误，Chrome 正常
http://www.ergotopia.de/ergonomie-shop/ergonomische-kissen/orthopaedisches-sitzkissen的手机页面应该看起来像右边(检
iOS 无法找到插件，Android 正常
我正在 Phonegap/Cordova 中构建一个应用程序。应用目前相当简单，但确实需要网络状态和地理定位插件才能工作。到目前为止，我已经在 Android 上开发了该应用程序(目前它仅由一些基本
python - TfidfVectorizer 出错但 CountVectorizer 正常
我一整天都在做这个，但没有运气我设法在一行 TfidfVectorizer 中消除了问题这是我的工作代码 from sklearn.feature_extraction.text import C
android - 按下按钮后应用程式当机，但 Action 正常
也许有人看到一个错误，问题是当我按btn2 (button 2)和btn3 (button 3)应用程序crashes时，但操作仍然有效，即video正在运行并且PDF打开，而button 1正常工作
java - 正常 Activity 和选项卡 Activity
我正在开发一个应用程序。它的第一页是登录屏幕。成功登录后，我想将用户带到选项卡式 Activity 。我怎样才能在安卓中做到这一点？谢谢最佳答案在 Android 中，启动 Activity 是通
Vim 正常!发送文字字符串而不是空白字符
我不确定我在这里做错了什么。 :normal! I### 当我对一个单词执行此命令时，我想要的最终结果是: ### word 但是我得到了这个: ###word 最佳答案 Vim 的 :normal是
c - 正常 block 后检测到堆损坏(#63)
我必须将 2 个静态矩阵发送到分配动态矩阵的函数，将矩阵 1 乘以矩阵 2，并返回新矩阵的地址。请注意，COMM 很常见。我尝试删除 free_matrix 行，它工作正常。 void main()
c - GList 行为错误 - 下一个大小无效(正常)
我在我的一个项目中使用 Gnome libglib 并遇到了一个奇怪的错误。我可以输入 GList 的元素数量看起来仅限于 45 个。在第 45 个元素处，它给出了此错误 40 counter 41
c - 获取窗口的当前尺寸，无论最小/正常/最大化状态如何
我正在尝试获取“顶级”HWND 的尺寸。即，我想要 Firefox/Windows 资源管理器等的主 HWND 的当前尺寸。窗口。如果窗口最小化， GetWindowRect() 将不起作用。 Get
php - 什么是索引 - 正常 - 全文 - 唯一
相同的标题:什么是索引 - 正常 - 全文 - 唯一？最佳答案普通索引用于通过仅包含行数据的切片或散列来加速操作。全文索引向数据库的全文搜索 (FTS) 引擎指示它应该将数据存档在给定字段中，以
c++ - gcc - 定义模板时出现多重定义错误(vc++ 正常)
我正在使用 EnumParser来自 here它在 VC++ 中编译得很好，但是使用 gcc 我有这样的错误: ./Terminator.o: In function `EnumParser::Enu

首页

博学

6Ren·AI

商城

HTML CSS 在 IE9 中无法正常工作