停止在桌面上制作大于原始尺寸的图像答案

【问题标题】：Stop making images on desktop bigger than original size停止在桌面上制作大于原始尺寸的图像
【发布时间】：2019-02-20 04:23:42
【问题描述】：

我在文件夹 /1 上有一个图像随机脚本在我的 public_html 上，我有一个 index.html，只是为了显示随机图像脚本：

<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title></head><body><img src="./1" width="100%" height="100%">

我必须这样做，因为以前在移动设备上，我的图像比屏幕大。现在，我在移动设备上解决了问题。图像在屏幕上是 100% 比例的。但是在桌面上，图像太大了。谁知道怎么解决？

【问题讨论】：

标签： html

【解决方案1】：

根据您的屏幕尺寸在 CSS 中使用 @media：-

img{
     width:50%;
}
@media only screen and (max-width: 600px) {
    img {
        width:100%;
    }
}

【讨论】：

抱歉，我不知道如何使用 CSS。我应该把代码放在哪里？
内部头部标签。使用
现在更好了，谢谢！但在某些图像中，它不适合 100% 的索引，我必须在鼠标上滚动 1 或 2 次。有可能解决吗？
然后设置图片高度
对不起，我不懂 CSS。有可能帮助我做出微小但至关重要的改变吗？

【解决方案2】：

不，你必须为任何类型的样式使用 CSS，它还包含 3 种类型。按需使用

img{
      width:50%;
 } 
@media only screen and (max-width: 600px) { 
     img {
           width:100%;
      } 
}

根据需要，这是完美的答案

【讨论】：