0

我正在使用 iWebKit 设置移动 iPhone 内联网站点。大多数事情都完美无缺,除了我无法使用 CSS 正确格式化我的表格。

我的 HTML(实际上是 ASP,因为 HTML 是使用数据库上的查询创建的)中的内容如下:

<div id="content">
   <ul class="pageitem">
      <li class="textbox">
         <table class="mytable">
            <tr>
               <th>Type</th>
               <th>Value1</th>
               <th>Value2</th>
               <th>Value3</th>
               <th>Value4</th>
            </tr>
            <tr>
               <th>First type</th>
               <td>123</td>
               <td>456</td>
               <td>789</td>
               <td class="targetok">159</td>
            </tr>
         </table>
      </li>
   </ul>
</div>

我在 iWebKit 的 CSS 文件中添加了以下内容:

.mytable {
    border:1px solid black;
    border-collapse:collapse;
    font-family: Helvetica;
    color:#000000;
    font-size:20px;
    width:100%;
    height:35px;
    padding:5px;
    text-align:center;
    -webkit-text-size-adjust:none;
}

.targetok {
    background:#80FF80
}

我尝试了几种组合(还将 table、tr、th 和/或 td 添加到 .mytable),但表格似乎从未被格式化。它总是显示无边框,小字体,不着色,......

由于我对 CSS 了解不多,所以我也很快关注了 W3SCHOOLS 上的 CSS 介绍。据我所见,语法是正确的。

我似乎遗漏了一些东西,但找不到它。我的语法有问题吗?还是 iWebKit 会阻止您添加自己的 CSS 规则?

4

2 回答 2

2

要强制刷新,您可以使用以下代码:

<link href="your.css?1" rel="stylesheet" type="text/css" />

?1

其中 1 是您的版本,Safari 将检索此 css,因为它就像 php 请求。

<style></style>或者您可以在标签中添加内联样式

于 2012-04-18T11:27:24.667 回答
0

Found the cause.

Apparently, iPhone's Safari does not refresh the CSS file when I change it. However, I see no clean way on how to force a refresh on the CSS file. Will enter this as a new question.

于 2012-02-05T11:35:24.863 回答