Question

我的朋友和我为学校制作了一个虚假的新闻网站。一切看起来都很好，但是当他尝试打开它时，在左边有很多空白。我们认为桌面的大小可能有所不同，但是我们只是不知道如何更改它。帮助会很合理。

'''<!DOCTYPE html>

<title>Werner News</title>

p {
    font-size: 19px;
}

.WernerNews {
              width: 1650px;
    height: 200px;
}
.CowOrgasm {
              width: 850px;
    height: 400px;
}
 .KyloRen {
              width: 850px;
    height: 400px;
}

 .Lennie {
              width: 850px;
    height: 400px;
}

 .Melzi {
              width: 850px;
    height: 400px;
}

<table style"width:1500px>
     <colgroup>
        <col span="1" style="width: 50%;">
        <col span="1" style="width: 50%;">
     </colgroup>
    <tbody>
        <tr>
             <td><a href="file:///C:/Users/steph/Downloads/cow_orgasm_news.html"><img class="CowOrgasm" src="file:///C:/Users/steph/Downloads/cow.jpg" alt="Cow Orgasm"></a></td>
             <td><a href="file:///C:/Users/steph/Downloads/kyloren.html"><img class="KyloRen" src="file:///C:/Users/steph/Downloads/kylo.png" alt="Kylo Ren Nudes"></a></td>

        </tr>
        <tr>
             <td> <p class="CowText"> Cow´s orgasm is longer than our´s</p></td>
             <td> <p class="KyloRenText">     Kylo Ren seen naked</p></td>
        </tr>
        <tr>
             <td> <a href="file:///C:/Users/steph/Downloads/news.html"><img class="Lennie" src="file:///C:/Users/steph/Downloads/lennie.jpg" alt="Lennie"></a></td>
             <td><a href="file:///C:/Users/steph/Downloads/melzi.html"><img class="Melzi" src="file:///C:/Users/steph/Downloads/melzi.jpg" alt="Señor Melzita"></a> </td>
        </tr>
        <tr>
             <td> <p class="LennieText">Tragic desaster about 2 migrant workers in farm</p></td>
             <td><p class="MelziText"><b>Star News: </b>     New best teacher of the world was chosen</p></td>
        </tr>
    </tbody>
</table>

console.log（“布宜诺斯艾利斯资深大律师梅尔兹（Louis und Ruben）联合创始人和顾问”假新闻网站“ +” eine 1 geben？）;

Answer 1

这可能是因为您的朋友PC上不存在文件。 file:///C:/Users/steph/Downloads/cow.jpg是仅在您的PC上存在的特定文件路径。

您可以通过使用相对文件路径并将所有图像和.html文件发送给您的朋友来解决此问题。否则找不到这些文件，因此您将有一个空白空间而不是图像。

Answer 2

这可能是因为屏幕尺寸不同，请尝试将以像素为单位的宽度样式更改为百分比

示例：

.CowOrgasm {
    width: 60%;
    height: 400px;
}

通过更改宽度直到符合您的要求

希望这会有所帮助！

为什么我的html网站在朋友PC上看起来有所不同？

2 个答案: