iphone - ipad 的背景被切成两半

Question

我试图完成这个网站，在我整理代码的某个地方，我弄乱了背景在 ipad 和 iphone 上的外观。它在所有其他浏览器上看起来都很好，包括原生 android。火狐上有一个小错误，但我现在正在解决这个问题。有问题的网站：http: //morzi.com/constantine/

简介页面有一个指向 ipad css 的链接，但忽略了我只是在胡闹试图解决这个问题。谢谢！

Answer 1

我不知道从哪里开始，我不知道你用什么软件来编码，但它绝对不是手工编码的：s。

无论如何，你的 CSS 真的搞砸了。三种解决方案：

• 手动编写 CSS 代码，在这种情况下，您可以调整背景位置，使背景与内容对齐，然后您可以重新设计图片以查看左侧的人。

  background-position:top center;
  

• 重构您的 HTML 和 CSS 以使网站在隔间中工作：|aside|article|aside|

  <aside id='left'></aside>
  <article></article>
  <aside id='right'></aside>
  
  <style>
  aside#right,
  aside#left {
    width:5%;
  }
  article {
    width:90%;
    margin:0 auto;//centers the div
  }
  </style>
  

• 为具有特定宽度的移动设备创建媒体类型，如下所示

  @media only screen and (max-device-width: 480px) {//Iphone and below
  //css for mobile device
  }
  @media only screen and (max-device-width: 768px) {//Ipad and below
  //css for mobile device
  }
  

我希望这对您有所帮助并祝您好运：D