我的HTML网站在其他用户设备上看起来完全不同

Question

我的html网站在其他设备上看起来差别很大，就像在我的设备上看起来一样完美，但是当我的朋友打开链接时，容器完全不合时宜，并且我不会加载图像。我真的很需要这样做，这让我很困惑。

这是我网站的链接：http://webdev.edinburghcollege.ac.uk/~HNCSOFTSA5/effc/register.php

这是我朋友看到的：https://media.discordapp.net/attachments/485067625689514005/702930803574964296/unknown.png?width=1204&height=677）

这是我可以看到的：https://imgur.com/jbtpPdr

再次感谢您的帮助

Answer 1

马上开始，看起来像标记，container2的CSS有点奇怪。

您的HTML

<div img="" src="fifepin.png" class="container2">

尝试

<div class="container2">

您的CSS

.container2 {
    background-color: #595959;
    padding: 30px 60px;
    background: src="img/fifestad.jpg";
    background-position: auto;
    background-repeat: repeat no-repeat;
}

尝试

.container2 {
    background-color: #595959;
    padding: 30px 60px;
    background: url("img/fifestad.jpg"); /* reference is off */
    background-position: auto;
    background-repeat: repeat no-repeat;
}