0

我在 iPad 上打开此页面时遇到问题。深红色顶部标识标题向左移动，然后在右侧您可以看到一个空白区域。包括 Safari 在内的所有其他主要浏览器都会按原样显示页面，但 iPad 除外。这是iPad 视图的屏幕截图。有什么想法吗？

4

2 回答 2

1

首先，看起来您将左上角的大学徽标设置为背景图像和<a>. 删除常规图像修复了在 iPad 屏幕截图和我的桌面浏览器中看到的问题，其中徽标在左侧被切断并且“ity”在“大学”中重复。

我面前没有 ipad，但也有可能用正确的空间解决问题。您可能需要考虑在页眉的表单中添加一个，这样“开始”按钮就不会在分辨率margin-right下正好靠在窗口的边缘。1024px

于 2012-08-09T01:12:10.547 回答
0

#signature div 中的内容比#signature div 大，因此背景不会拉伸以适应内容（您可以通过缩小窗口大小并向左或向右滚动来获得相同的反应）。

修复：

  • left: -5px;从#signature a.iu 中删除
  • 添加background: #7D110C到#signature
  • right: 0将#signature 表单更改为right: 5px.

那应该把事情理顺。

编辑

这是您更新后的样式的外观。

#identity #signature {
    height: 44px;
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 990px;
    background: #7D110C;
}

#identity #signature a.iu {
    background: url(pw_files/img/iu_crimson.gif) no-repeat 20px 0;
    display: block;
    height: 44px;
    position: relative;
    top: 0;
    width: 250px;
}

#identity form {
    height: 44px;
    position: absolute;
    right: 5px;
    top: 0;
}

我从screen.css中提取了这些样式

于 2012-08-09T01:11:17.807 回答