在网站开发中，有时图片大小可能超出页面预订区域，这种情况下就需要使用一些技巧来适应页面的展示，下面介绍一些处理超出图片的方法。

img {
  max-width: 100%;
  height: auto;
}

使用以上CSS代码可以让图片自适应父元素的大小，并保持原始比例。当图片大小超过父元素时，图片会自动缩小以适应父元素，而不会发生图像拉伸失真的情况。

如果希望超出部分不被裁剪，可以使用以下代码：

.container {
  overflow: hidden;
}
.container img {
  max-width: none;
}

将图片设置为无限制的宽度，然后通过将容器的溢出设置为隐藏来处理超出部分。使用这种方法时需要注意图片宽度不应该超出其容器的宽度，否则图片将看起来失去自然。

此外，还可以通过object-fit属性来控制图片缩放和裁剪。当将object-fit设置为contain时，图片会尽可能地放大，以适应容器，但会保留其比例。当设置object-fit为cover时，图片会铺满整个容器，但可能被裁剪。这种方法仅适用于新的浏览器版本。

总之，以上是处理超出图片的几种方法，具体应该根据实际需求选择。记住，编写网站代码时，需要考虑到不同设备的显示效果，使用响应式布局和自适应技术可以更好地解决这些问题。