- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
问题:IE8 仅考虑我的带有 col-x 类的网格布局。我发现了一个相关/类似的问题IE8 issue with Twitter Bootstrap 3 wrt Respond.js 和 htm5shiv。我已经尝试了所有可能的组合,但 IE8 仍然忽略我的 col-sm、col-md 和 col-lg 类(媒体标签?)。
这是我的演示 HTML 代码,它不起作用:
{% load staticfiles i18n %}
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link href="{{ STATIC_URL }}css/bootstrap.css" rel="stylesheet">
<link href="{{ STATIC_URL }}css/test.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="{{ STATIC_URL }}js/html5shiv.min.js"></script>
<script src="{{ STATIC_URL }}js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<div class= "row">
<div class="col-lg-1 col-md-1 col-sm-1 col-xs-3 yellow">
</div>
<div class="col-lg-1 col-md-1 col-sm-1 col-xs-3 green">
</div>
<div class="col-lg-1 col-md-1 col-sm-1 col-xs-3 red">
</div>
</div>
</div>
{{STATIC_URL}} 仅指向我的本地静态目录。
这是CSS:
.yellow{
background-color: yellow;
height: 100px;
border: 2px solid black;}
.green{
background-color: green;
height: 100px;
border: 2px solid black;}
.red{
background-color: red;
height: 100px;
border: 2px solid black;}
我已验证 JS 和 CSS 文件已在 IE8 中加载。我正在使用
我做错了什么?为什么 IE8 不使用我的 col-lg col-md 和 col-sm 类?
谢谢!
最佳答案
我发现了问题。不知何故,我的 respond.js 副本已损坏。使用 Github 的最新版本,现在一切都按预期运行。
关于javascript - Bootstrap3 在 IE8 中忽略 col-lg col-md 和 col-sm,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21787371/
假设您有一台特殊的高性能计算机。在这台电脑里,有一个专门的 k 个优化寄存器组,其中 k > 2。这些寄存器中的每一个都可以用来存储一个键值对,因此这组寄存器最多可以存储 k 个键值对。该寄存器组可以
遇到一些复杂的愚蠢问题。 我有一个运行 O(lg(n)) 时间的循环。我在里面还有另一个循环也是 O(lg(n)) 所以整个复杂度是 O(lg(n)) * O(lg(n)) 或者O(lg(n)2)。我
我正在为各种智能电视平台开发应用程序,客户询问 LG Pro:Centric 设备。有没有人可以帮助我在 Pro:Centric 平台上启动该应用程序。请引用正确的指导或真实链接。 欢迎提出建议。 最
递归关系 T(n) = 2T(n/2) + n lg lg n (其中 lg 是以 2 为底的对数)可以使用 master theorem 求解但我不太确定答案。我找到了我的答案,但为了防止信息级联,
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 这个问题似乎与 help center 中定义的范围内的编程无关。 . 关闭 4 年前。 Improve
我确实理解它代表的术语,小的、中的、大的和大于大的。我已通读 https://github.com/angular/flex-layout/wiki/Responsive-API和 https://g
我现在正在阅读 Twitter Bootstrap 3 上的文档,并尝试按照 this page 中所示的列顺序进行排序但撞墙了。我不明白为什么这样的代码有效,也不明白如何正确指定设置。我要展示的是一
如果类中没有指定col-lg和col-md,那么col-sm是否适用于所有大屏? 最佳答案 是的。 来自 bootstrap , Grid classes apply to devices with
我正在为 LG 智能电视制作应用,需要控制音量。 APP的主要目的是让iPad或手机能够远程控制。Media Player Plugin 没有控制音量的方法。声音插件只有方法 sound.play()
我目前正在阅读有关算法分析的文章,我读到某种算法(带路径压缩的加权快速联合)的阶数为 N + M lg * N。显然这是线性的,因为 lg * N 是一个常数宇宙。这里指的是什么数学运算。我不熟悉符号
在 Primeflex 文档中,变量 $lg(笔记本显示器等屏幕的断点)的默认值为 992px。我该如何改变它?例如,我想设置默认值 1100px。请帮忙 🙂 我正在使用 Primeflex 3.0
我通过 Davinci Resolve 编辑了一部家庭电影,并且输出已被渲染/保存在我的 PC 上。出于某种奇怪的原因,它看起来很大,没有任何东西可以播放(除了 Resolve 本身),我的任何转换软
我基于Google的Lunar Lander示例(使用Android Canvas进行2D绘图)编写了一个Android游戏。自2009年以来,该游戏在所有Android设备上均可正常运行,但用户最近
我正在尝试在 LG IDE 上调试电视应用程序。为了连接真实的电视,我需要创建一个“目标”,即具有 IP 地址的真实电视。这应该通过 IDE 上的“目标配置”来完成,但我找不到这个面板。有人知道我怎样
以下短语中的“lg”是什么意思? “...我们在引用 Mt 时忽略 x 的最低有效 lg t 位[x]。” (Knuth,2005 年,第 4-5 页)。 从上下文来看,“lg t”似乎表示“t -1
我正在尝试在 LG IDE 上调试电视应用程序。为了连接真实的电视,我需要创建一个“目标”,即具有 IP 地址的真实电视。这应该通过 IDE 上的“目标配置”来完成,但我找不到这个面板。有人知道我怎样
我使用以下代码在前台启动服务时显示通知。 PendingIntent contentIntent = PendingIntent.getActivity(this, 0, new In
我有一张卡片使用尺寸 3 的 col-lg。但我想要 1920x1080 和 1366x768 显示器的不同行为。但两者仍然是 col-lg。 例如: col-1g-2920x1080 = col-I
我有一个容器,其中有col-lg-2 col-md-2和col-md-8 col-lg-8。我的col-lg-8自动获取col-lg-3(与屏幕无关),当我检查该元素时显示的是@media(min-w
我正在阅读 CLRS,它说堆排序是 HEAPSORT(A): BUILD-MAX-HEAP(A); for (i = A.length; i >= 1; i++) { exchange A[1
我是一名优秀的程序员,十分优秀!