CSS 样式在移动浏览器上隐藏文本答案

【问题标题】：CSS Styling is hiding text on mobile browsersCSS 样式在移动浏览器上隐藏文本
【发布时间】：2013-08-03 00:44:58
【问题描述】：

有没有人知道我可以使用任何替代样式来使这款手机兼容？我很确定它与高度值有关，但我不能只是摆脱它，因为 php 调用的部分在没有它的情况下会运行到我的文本中。

<section style="width:100%; float:left; height:100px;  clear:both;" >

    <section class="campaign_statistics" style="background-color:#EFEFEF;">

            <?php include('progress_chart.php'); ?>

    </section>

</section>

【问题讨论】：

标签： html css mobile-safari android-browser

【解决方案1】：

你见过http://cssmediaqueries.com/

媒体查询允许您为某些屏幕分辨率创建单独的样式表。例如，您可以拥有一个适用于台式机的样式表、一个适用于笔记本电脑和一个适用于移动设备的样式表。

然后，您可以为与您尝试设置样式的样式表和屏幕分辨率相关的对象指定不同的样式。

【讨论】：