css图片链接设定尺寸

在CSS中，你可以通过设置`width`和`height`属性来控制图片（img）的显示尺寸。有几种方法可以实现：

1. **直接设置尺寸**：

   img {
       width: 200px;
       height: 150px;
   }

这样会将图片的宽度设为200像素，高度设为150像素。如果图片原始比例与设定的比例不符，可能会导致图片变形。

2. **使用百分比**：
如果想要响应式设计，可以根据容器大小动态调整图片大小：

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

`height:auto`会让浏览器保持图片的宽高比。

3. **使用`object-fit`**：
可以指定当图片缩放时如何适应容器：

   img {
       width: 100%;
       height: auto;
       object-fit: cover; /* 或者 fill, contain等 */
   }

`object-fit:cover`会保持图片覆盖整个区域，并尽可能按比例缩放；`object-fit:fill`会使图片填充整个区域并保持原图长宽比。

4. **使用CSS背景图**：
对于背景图，可以类似设置：

   .bg-image {
       background-size: cover;
       background-position: center;
   }

记得，在实际应用中，最好结合媒体查询（media queries）处理不同设备下的图片显示效果。同时，现代前端推荐使用`<picture>`元素来提供不同分辨率或格式的图片源，以便适应各种设备和网络条件。