资产文件夹中不同屏幕的HTML文件

Question

我的应用程序包含HTML文件和相关图像。

我根据屏幕尺寸（480x800）调整图像大小，以便图像适合屏幕宽度。

但是当我的应用程序在大屏幕设备上时，图像会变小。

我是否需要为多屏幕设计HTML文件？ 或者如何使这些图像适合所有屏幕尺寸？

Answer 1

试试这个css。

.myFullScreenImage { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

并将myFullScreenImage类应用于<img>标记，如下所示

<img src="source.jpg" class="myFullScreenImage"/>. 

让我知道它是否有效。