【发布时间】：2012-02-28 21:56:40
【问题描述】：
我需要我的网站能够根据浏览器上的视口调整和裁剪图像的大小。到目前为止，我已经设法使用图像映射动态调整它的大小，但似乎无法动态裁剪它。我希望它同时裁剪和缩放而不扭曲图像。我使用的图像是 1920x1080，比大多数浏览器都要大得多，因此在缩放时裁剪边缘会使它在不同的浏览器上看起来相似。
【问题讨论】：
-
你打算如何使用这张图片？作为网站的背景？在 DIV 中？
-
基本上我得到的是一张我希望网站看起来如何的photoshop图像，该图像已经被划分为图像地图，因此“链接”处于活动状态。我可以让它调整大小，但我在左右两侧留下了一个大边框，以适应那些具有高分辨率屏幕的人。对于标准人，虽然我需要裁剪边缘。
标签： javascript html css scaling crop