Question

我在文件夹/ 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％缩放。但是在桌面上，图像太大了。有人知道如何解决吗？

Answer 1

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

<interface, concrete>

Answer 2

否，您不必将CSS用于任何类型的样式，它也包含3种类型。根据需要使用

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

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

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

2 个答案: