- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想在我的 html 中添加一些内容,如果屏幕低于一定宽度,则强制换行。这是针对 iOS 的。我可以这样做吗?
或者,更好的是,有没有办法执行某种在屏幕宽度外触发的 if/else/endif ?像这样:
if screen width < 600 pixels
some html
else
some other html
endif
如果这很重要的话(我希望不会如此),这是针对 iOS 设备的,至少在最初是这样。
编辑:这是一个示例:
<body>
In spherical coordinates, given a vector field
<math>
<mn class="boldMath">F </mn>
<mn>(</mn>
<mi>r</mi>
<mn>, </mn>
<mi>θ</mi>
<mn>, </mn>
<mi>φ</mi>
<mn>)</mn>
</math>, the curl is<br>
<math>
<mrow>
<mn mathvariant="bold">∇</mn>
<mn> × </mn>
<mi mathvariant="bold">F</mi>
<mn> = </mn>
</mrow>
</math> <!-- I need a line break here on the phone, but not on the pad. On the iPad, I would be delighted to have the above included in the mtable below.>
<div class="center">
<math>
<mtable>
<!-- long mtable here -->
</mtable>
</math>
</div>
</body>
输出在 iPhone 上很好,但在 iPad 上则不太好。请参阅每个屏幕截图的底部:
最佳答案
如果您缩小包含元素的宽度,它会自动断行。
或者,如果您想拥有更多控制权,您可以使用如下 CSS 媒体查询:
@media (max-width: 600px) {
#someelement { display: none; }
#someotherelement { display: block; }
}
关于仅在窄屏幕上的 html 换行符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16999789/
我想在DIV中做竖线 然后我想在垂直线上对 img 进行分层。(图片是我想要的结果) 我的源代码是这样的。 如何对这些元素进行分层??? 最佳答案 您需要做一些数学运算才能在中心调整它。 .ou
出于各种原因,我正在创建一个网站(尚未在线),该网站具有单独的移动页面。我想向“监控”站点添加一些内容,上面写着“如果浏览器宽度小于 X 像素,请查看 *mobilepagename.html 而不是
当尝试使用 jstat 监视 JVM 的性能时,我看到以下几行 - Timestamp PC PU OC **OU** YGC
html Lorem Ipsum... CSS #outer { background: url('mypic.jpg') no-repeat center top; } #i
我正在使用 sun-codemodel 生成代码。我对泛型有疑问。我知道要生成类似的东西 LinkedList, 我需要用 JType jtype = jCodeModel.ref("LinkedLi
考虑一个简单的系统,其中 PS(处理器系统)启用了 AXI3 主设备,连接到 AXI4 互连,该 AXI4 互连连接到可以访问 BRAM 内存的 BRAM Controller 。 AXI 窄突发的含
我在 Windows 上有一个狭窄的 Python 2.7.6 版本。我还有一个包含“窄”( 0xFFFF) Unicode 代码点的字符串。 >>> wide1 = u'\U0002b740' >>
我有一个函数可以验证 JSON 响应以确保它对应于给定的形状。 这是我定义所有可能的 JSON 值的类型——取自 https://github.com/microsoft/TypeScript/iss
我是一名优秀的程序员,十分优秀!