感到好奇是因为我喜欢设计要针对任何屏幕进行调整的图像，然后将其设置为宽度为100％的单元格背景，以便人们调整窗口大小或监视器大小时会有所不同。图像将被窗口吞噬，但单元格中的徽标仍将鼠标悬停在所需位置的图像上方。
我认为效果很好。我有一个缺陷，可以得到我想要的确切效果。因为现在4k已经成为问题，并且显示器分辨率很快会提高，所以我将不得不花费更多的时间来确保页眉图像的宽度大约为4000像素，以适合他们的屏幕。
我的问题是。在width =“ 100％”的表格中，有一种方法可以将其更改为width = 100％，但是窗口大小超过1920px，即我的一张图片的大小，然后100％停止？
我问是因为我正在处理的项目的徽标浮动在标题图像上，但在单元格中的左侧对齐，因此每当您将窗口的左侧拖动出时，徽标都会保留，但图像会被吃掉。您可以在这里看到它http://www.theroyaloaknonington.co.uk/beta/
可悲的是，在分辨率大于1920的显示器上，徽标仍会从图像流到灰色区域，因为图像只有1920像素宽。想知道阻止这种情况的最佳方法是什么？
检查现场示例链接几段。并且如果您的显示器没有超过1920，那么它将看起来不错，但是如果您拖动窗口的左侧以减小尺寸，您将看到徽标移动。不幸的是，当它扩展到超过1920时，徽标继续存在。我希望它是免费的，但要停在图像的末尾。
是的，而且非常简单：
table {
width: 100%;
max-width: 1920px;
}
对于更复杂的要求，则需要开始查看@media查询，在其中您可以指定适用于各种样式的屏幕尺寸范围。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句