MoBirth Tips

非表示にするには

解説

PCサイト更新時にサイズの大きな画像や、表を掲載した際に、MoBirthの自動変換で意図した表示がされない場合は、 PCサイトのHTMLに以下を記述することによりモバイル端末で非表示にすることが可能です。

※下記のように、端末に応じて表示しない内容を<div class= ~ で囲ってください。

携帯電話で表示させない場合

表示させたくない内容を下記のタグで囲ってください。

<div class="Mobirth_Delete_M">
 携帯電話で表示しない内容
</div>

スマートフォンで表示させない場合

表示させたくない内容を下記のタグで囲ってください。

<div class="Mobirth_Delete_S">
 スマートフォンで表示しない内容
</div>

携帯電話・スマートフォンの両方で表示させない場合

表示させたくない内容を下記のタグで囲ってください。

<div class="Mobirth_Delete">
 携帯電話・スマートフォンで表示しない内容
</div>

設定例

例)以下のように記述すると、携帯電話ではこの画像が表示されなくなります。
※複数行を囲むことも可能です。

【 設定前 】
<img src="サイズが大きくて携帯では表示できない写真1.jpg">
<img src="サイズが大きくて携帯では表示できない写真2.jpg">
<img src="サイズが大きくて携帯では表示できない写真3.jpg">

【 設定後 】
<div class="Mobirth_Delete_M">
<img src="サイズが大きくて携帯では表示できない写真1.jpg">
<img src="サイズが大きくて携帯では表示できない写真2.jpg">
<img src="サイズが大きくて携帯では表示できない写真3.jpg">
</div>

▲ このページのTOPへ