如何用CSS或者JS设置一张图片,让手机横屏(宽480)看或者竖屏(宽320)看都是满屏。

html-css014

如何用CSS或者JS设置一张图片,让手机横屏(宽480)看或者竖屏(宽320)看都是满屏。,第1张

图片宽度设成100%,理论上不是单色图案、重复背景图案、或js动态生成的画布上的矢量图,jpg之类的是没办法满屏的,320的时候满屏了,横过来看480的时候,高度又少了,可视区外还有一截。

可以,<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">这个是显示比例,放head中间