0

我不知道如何制作它，以便当窗口无法显示整个图像时，它会剪切左侧的图像。

此代码始终使用以下方法切割右侧：

img {
      position:fixed;
}​
4

4 回答 4

2

right:0;如果要在调整大小时剪切左侧，您只需要添加。检查这个小提琴： http: //jsfiddle.net/H3Vqc/1/并进行测试。

更远：

  • 如果您想在调整浏览器大小时调整图像大小，请使用width: 100%.
  • 如果你想隐藏右侧集position: absolute;和left:0;
于 2012-11-18T04:33:24.913 回答
1

或者你可以简单地在 div 上应用 dir="rtl" 图像在这个结果上你想要什么

 <div dir="rtl"><img src="yourImg.jpg"/>
</div>
于 2012-11-18T06:44:57.503 回答
0

严格假设如果您使用 css 背景，您可以使用background-position属性来定位图像，并使用宽度和高度将其设置为正确的大小

于 2012-11-18T03:41:13.903 回答
-2

您可能希望设置max-width: 100%为<img>，如下所示：http: //jsfiddle.net/H3Vqc/4/

于 2012-11-18T05:01:33.727 回答