0

画面が特定の幅を下回っている場合に改行を強制する何かを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ショット ここに画像の説明を入力

4

3 に答える 3

1

包含要素の幅を狭くすると、自動的に改行されます。

または、より細かく制御したい場合は、次のような CSS メディア クエリを使用できます。

@media (max-width: 600px) {
    #someelement { display: none; }
    #someotherelement { display: block; }
}
于 2013-06-08T13:25:33.663 に答える
0

次のコードを使用して画面幅を取得できます。

CGFloat width = [UIScreen mainScreen].bounds.size.width;
于 2013-06-08T13:10:21.060 に答える
0

@Jonas とは反対のロジック

#someelement br {  
    /* ignore <br> on large screen: */
    display: none;
}

@media (max-width: 600px) {  
    /* force <br> on narrow screen: */
    #someelement br { display: block; }
}
于 2017-01-03T14:00:35.690 に答える