html - 根据屏幕分辨率裁剪图像的右侧

Question

我的屏幕上有一个标题，其中包含 7 张图片。

我希望页眉覆盖 width: 100% 站点。标题为 1920*50px。如果屏幕分辨率小于 1920*1080 而不是左侧，我希望切出标题的右侧。

这是 html 格式的标题:

<div id="apDiv1">
    <img src="Bilder/navbar/images/navbar-rambech_01.jpg" width="53" height="50" />
    <a href="index.html"><img src="Bilder/navbar/images/navbar-rambech_02.jpg" width="236" height="50" alt="Rambech" /></a>
    <a href="sourcebans"><img src="Bilder/navbar/images/navbar-rambech_03.jpg" width="202" height="50" alt="Sourcebans" /></a>
    <a href="forum.php"><img src="Bilder/navbar/images/navbar-rambech_04.jpg" width="135" height="50" alt="Forum" /></a>
    <a href="admin.html"><img src="Bilder/navbar/images/navbar-rambech_05.jpg" width="199" height="50" alt="Søke Admin" /><img src="Bilder/navbar/images/navbar-rambech_06.jpg" width="116" height="50" alt="VIP" /></a>
    <img src="Bilder/navbar/images/navbar-rambech_07.jpg" width="979" height="50" max-width="100%" />
</div>

Answer 1

给你。

将以下代码添加到您的 CSS。这将剪切右侧的图像。

#apDiv1 {
    width:100%;
    white-space:nowrap;
    overflow:hidden;
}