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

Question

My application contains HTML files and related images.

I sized the images for a screen size (480x800), so that the image can fit for the screen width.

But when My app is on large screen device, the images become smaller.

Do I need to design HTML files for multi-screen? Or how to make these images fit for all screen size?

Answer 1

try this 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;
}

and apply myFullScreenImage class to the <img> tag like this

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

Let me know if it works.