带有Html表和锚点的iPhone Bug

时间:2014-01-14 03:16:29

标签: html iphone html-table anchor

我有一张表格,里面有一个项目清单。如下所示。

问题是当这个表显示在iPhone 5/4上时,它仍然显示,但线程“Last Post”是一个更大的字体。它的增加可能是.3em。第二个问题是,当我点击iPhone内第一列中的第一个链接时,它实际上并不起作用。没有锚标签工作。这真的很奇怪,我只是不明白发生了什么。请帮忙?

更新 这是CSS Doc的链接。只需将它与calendarTable属性进行比较即可。 https://league.rdnation.com/content/main.css

<table class="calendarTable" id="messages">
            <thead>
                <tr>
                    <th>Title
                    </th>
                    <th>Last Received
                    </th>
                    <th>Last Post
                    </th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                    <tr class="forumTopicRow calCurrentDateEvent">
                        <td>
                            <a class="b" href="/messages/view/16">Message Title</a>
                        </td>
                        <td>
                            5 minutes ago
                        </td>
                        <td>
                            asdfasdfasd by <b>Veggie Delight</b>
                        </td>
                        <td>
                        </td>
                    </tr>           
                    <tr class="forumTopicRow ">
                        <td>
                            <a href="/messages/view/14">Test1</a>
                        </td>
                        <td>
                            10 months ago
                        </td>
                        <td>
                            Check it twice by <b>Veggie Delight</b>
                        </td>
                        <td>
                        </td>
                    </tr>           
                    <tr class="forumTopicRow ">
                        <td>
                            <a href="/messages/view/13">Message</a>
                        </td>
                        <td>
                            10 months ago
                        </td>
                        <td>
                            This is a Message to by <b>Veggie Delight</b>
                        </td>
                        <td>
                        </td>
                    </tr>           
                    <tr class="forumTopicRow ">
                        <td>
                            <a href="/messages/view/12">Message</a>
                        </td>
                        <td>
                            10 months ago
                        </td>
                        <td>
                            Do you like this by <b>Veggie Delight</b>
                        </td>
                        <td>
                        </td>
                    </tr>           
                    <tr class="forumTopicRow ">
                        <td>
                            <a href="/messages/view/9">Testing</a>
                        </td>
                        <td>
                            one year ago
                        </td>
                        <td>
                             This is a new messa by <b></b>
                        </td>
                        <td>
                        </td>
                    </tr>           
            </tbody>
        </table>

2 个答案:

答案 0 :(得分:1)

嘿伙伴我没看到你的代码,但最近我通过添加

修复了我的通讯
-webkit-text-size-adjust:none; 

以你的td风格

我遇到了同样的问题。

尝试可能是问题。

答案 1 :(得分:0)

好吧,通过你的css,我看到的唯一可能导致问题的是,(在文档中查找表之后。)弹出的表的第6个(找到的单词),表标题为好吧,字体大小为100%。这是一个相当冒险的举动,你的桌面标题之一可能会在iphone中占据不同的大小(即使你看不到它。)导致你的字体大小增加。要查看是否正确,只需将文本大小更改为测试百分比以外的其他值。

就链接而言,我很确定你会把它们送到错误的地方...... 删除链接开头的/你应该没问题。