Html 如果屏幕分辨率低于1280，则裁剪图像
所以我发现的最后一个问题是类似的，从这里开始 我有一张1920像素宽的照片。 我让它从左到右按比例调整大小。 但我需要它停止调整大小，如果分辨率小于1280，只是削减它的两侧（左/右），并保持居中，如果分辨率>1280Html 如果屏幕分辨率低于1280，则裁剪图像,html,css,image,Html,Css,Image,所以我发现的最后一个问题是类似的，从这里开始 我有一张1920像素宽的照片。 我让它从左到右按比例调整大小。 但我需要它停止调整大小，如果分辨率小于1280，只是削减它的两侧（左/右），并保持居中，如果分辨率>1280 .mainImg { position: absolute; height: 558px; top: 0; left: 0; right: 0; margin: 0 auto; } 我想我需要一个隐藏溢出的包装器，我尝试了很多选择，但都没有成功 可能有人
.mainImg {
position: absolute;
height: 558px;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
}
<body>
<div class="container">
<!-- Main part of the webpage -->
<img src="img/main_01.jpg" class="mainImg shadow" alt="seo matters" />
</div> <!-- /container -->
</body>
最小宽度：1280px然后它应该在1280px停止调整大小。设置最小宽度：1280px然后它应该停止在1280px上调整大小。这在不久前对我有所帮助
也许你可以改变它来满足你的需要。这对我有点帮助
也许您可以更改它以满足您的需要。感谢Tom Chew head Millard提供的链接。
这段（编辑过的）代码按照我想要的方式工作
img.mainPic {
/* Set rules to dimensions */
min-height: 100%;
min-width: 1280px;
/* Set up proportionate scaling */
width: 100%;
height: auto;
/* Set up positioning */
position: absolute;
top: 0;
left: 0;
}
@media screen and (max-width: 1280px) { /* Specific to this particular image */
img.mainPic {
left: 50%;
margin-left: -640px; /* 50% */
}
}
感谢Tom Chew head Millard的链接。
这段（编辑过的）代码按照我想要的方式工作
img.mainPic {
/* Set rules to dimensions */
min-height: 100%;
min-width: 1280px;
/* Set up proportionate scaling */
width: 100%;
height: auto;
/* Set up positioning */
position: absolute;
top: 0;
left: 0;
}
@media screen and (max-width: 1280px) { /* Specific to this particular image */
img.mainPic {
left: 50%;
margin-left: -640px; /* 50% */
}
}
你能发布你的htmlit是一个简单的引导模板吗？你能发布你的htmlit是一个简单的引导模板吗？是的，但它仍然显示图像的左侧部分，但不是中央部分，这就是主要思想。好的，因此，您希望图片变小，直到其宽度达到1280px，并且任何进一步调整窗口大小的操作都应将其移到左侧！？如果屏幕分辨率小于1280px，我希望它停止调整大小（即已完成），并且不显示图片的左侧部分，而是显示中心部分。请尝试使用在“窗口调整大小”时触发的事件，并将图片的左侧位置设置为-窗口的一半，如下所示：$（窗口）。调整大小（函数（）{if（$（窗口）.innerWidth谢谢，我不能这样使用jQuery，客户端需要优雅的降级。是的，但它仍然显示图像的左侧部分，而不是中央部分，这就是主要的想法。好的，所以你希望图片变小，直到其宽度达到1280px，并且任何进一步调整窗口大小的操作都应该将其移到左侧！？如果屏幕分辨率为smaller then 1280px，我希望它停止调整大小（即完成），并且不显示图片的左侧部分，而是显示中央部分。请使用在窗口调整大小时触发的事件尝试此操作，并将图片的左侧位置设置为-窗口的一半，不知怎的，如下所示：$（窗口）。调整大小（函数（）{if（$（窗口）.innerWidth谢谢，我不能这样使用jQuery，客户端需要优雅的降级。看起来像我想要的，让我试试这个。这是一个单键链接）谢谢，还需要继续工作，但它已经围绕着我需要的。看起来像我想要的，让我试试这个。这是一个单键链接）谢谢，我还得继续努力，但它已经围绕着我需要的东西了。