把图片大小自定义 CSS 的文章

随着互联网的发展，越来越多的人开始使用图片作为网站或应用程序的素材。然而，有时候我们需要改变图片的大小，以适应不同的屏幕大小和分辨率。在这种情况下，我们需要使用 CSS 来自定义图片的大小。

## 自定义图片大小

首先，我们需要在 HTML 中添加一张图片，并设置其 `width` 和 `height` 属性。例如：

```html

```css

width: 300px;

height: 400px;

```css

width: 300px;

height: 400px;

这个样式将设置图片的宽度为 300 像素，高度为 400 像素，但是图片的大小会根据屏幕大小自动调整。

```javascript

var width = this.width,

height = this.height;

if (width > height) {

var ratio = width / height;

var newWidth = Math.floor(width / ratio);

var newHeight = Math.floor(newWidth / ratio);

这个代码将检查图片的宽度和高度是否比 1 像素，如果是，它将自动调整图片的大小，使图片的宽度和高度为 1 像素。

总的来说，通过使用 CSS 和 JavaScript 来自定义图片的大小，我们可以灵活地控制图片的大小，以适应不同的屏幕大小和分辨率。