Question

您好我使用bootstrap制作我的整个网站，但我遇到的唯一问题是我的模式不会缩放并向中心推送，而移动设备上没有显示。

<div class="modal hide fade" id="player_box" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
<h3 id="player_box_header"></h3>
</div>
<div class="modal-body" id="player_box_content">
</div>
<div class="modal-footer">
<div class="pull-left" id="social_share_box"></div>
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
</div>
</div>

我正在使用默认的bootstrap CSS，所以我不确定它为什么没有响应

Answer 1

尝试使用@media css3类型根据设备分辨率进行优化

例如

@media（最大宽度：480px）和（最大高度：200px）{。modal {height：150px}}

Modal无法在移动设备上扩展

1 个答案: