Question

我试图最终确定这个网站，并且在我整理代码期间的某个地方，我搞砸了ipad和iphone背景的样子。它在所有其他浏览器上看起来都很好，包括原生android。火狐上有一个小错误，但我现在正在解决这个问题。相关网站：http://morzi.com/constantine/

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

Answer 1

我不确定从哪里开始，我不确定您使用哪种软件对其进行编码，但它绝对不是手工编码的：s。

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

手工编写CSS代码，在这种情况下，您可以使用背景位置来对齐背景和内容，然后您可以重新设计图片以查看左侧的人。
```
background-position:top center;
```

重构HTML和CSS以使网站在隔离专区中工作： |预留|文章|预留|

<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

在ipad的背景切成了两半

1 个答案: