gpt4 book ai didi

仅在窄屏幕上的 html 换行符

转载 作者:行者123 更新时间:2023-11-29 03:51:41 36 4
gpt4 key购买 nike

我想在我的 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&#x2006;</mn>
<mn>(</mn>
<mi>r</mi>
<mn>, </mn>
<mi>&theta;</mi>
<mn>, </mn>
<mi>&phi;</mi>
<mn>)</mn>
</math>, the curl is<br>
<math>
<mrow>
<mn mathvariant="bold">&nabla;</mn>
<mn>&nbsp;&times;&nbsp;</mn>
<mi mathvariant="bold">F</mi>
<mn>&nbsp;=&nbsp;</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 上则不太好。请参阅每个屏幕截图的底部:

iphone shot enter image description here

最佳答案

如果您缩小包含元素的宽度,它会自动断行。

或者,如果您想拥有更多控制权,您可以使用如下 CSS 媒体查询:

@media (max-width: 600px) {
#someelement { display: none; }
#someotherelement { display: block; }
}

关于仅在窄屏幕上的 html 换行符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16999789/

36 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com