Safari Mobile和Twitter Bootstrap不显示图像

Question

我有一个使用html + twitter bootstrap + angularjs的网站，它在桌面浏览器中工作正常 - 即使我调整窗口大小。然而，在iphone中，使用safari mobile，此标记上的图像不会出现。

<table class="table">
    <thead>
        <tr>
            <th ng-click="orderBy('Group.Name')" class="clickable">{{'_GroupLabel_' | i18n}}</th>
            <th ng-click="orderBy('FirstName')" class="clickable">{{'_FirstNameLabel_' | i18n}}</th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat="user in users | orderBy:orderByPredicate:orderReverse">
            <td><a ng-href="#/home/list/{{user.Group.Id}}">{{user.Group.Name}}</a></td>
            <td><a ng-href="#/home/list/{{user.Id}}">{{user.FirstName}}&nbsp;{{user.LastName}}</a></td>
            <td>
                <span ng-show="user.RoleId == 1">
                    <span ng-switch="user.TodaysRecord != null" class="clickable">
                        <span ng-switch-when="true"
                              navigate-to="/manage/record/create/{{user.Id}}/{{user.TodaysRecord.Id}}">
                         ==>   <img ng-show="user.TodaysRecord.Sent" src="~/img/todo-list-sent.jpg"
                                 title="Sent today at {{user.LatestUpdate | date:'MMM d, y HH:mm'}}" />
                          ==>   <img ng-show="user.TodaysRecord.Sent == false" src="~/img/todo-list-partial.jpg"
                                 title="Not sent yet" />
                        </span>
                          ==>  <img src="~/img/todo-list.jpg" ng-switch-when="false" title="ToDo"
                             navigate-to="/manage/record/create/{{user.Id}}" />
                    </span>
                     ==> <img class="clickable" src="~/img/sleep.jpg" title="Sleep time" ng-click="addRecordProperty(user, 'sleepTimes')" />
                      ==> <img class="clickable" src="~/img/toilet.jpg" title="Nappy/Toilet time" ng-click="addRecordProperty(user, 'toiletTimes')" />
                </span>
               ==>   <img class="clickable" src="~/img/edit.jpg" title="Edit" ng-click="edit(user)" />
            ==>      <img class="clickable" src="~/img/bin.jpg" title="Delete" ng-click="delete(user)" />
            </td>
        </tr>
    </tbody>
</table>

有什么想法吗？

谢谢！

Answer 1

显然它是iOS上的known signalR behavior。