レスポンシブ デザインのクラスで margin-bottom を使用すると、この奇妙な問題が発生します。例えば
HTML
<div class="space-bottom">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque commodo sollicitudin molestie. In lacus purus, posuere non lacus eu, pharetra suscipit arcu.</p>
</div>
CSS
.space-bottom{margin-bottom: 10px}
余白が 10px のクラス「space-bottom」は、モバイル デバイスでは機能しません。奇妙なメディアクエリに挿入しても。しかし、「クラス」を「ID」に変更すると
HTML
<div id="space-bottom">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque commodo sollicitudin molestie. In lacus purus, posuere non lacus eu, pharetra suscipit arcu.</p>
</div>
CSS
#id space-bottom{margin-bottom: 10px}
うまくいくようです。メディアクエリ内に属性を挿入する必要さえありません