`
ykyfendou
  • 浏览: 407652 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

html背景图片随分辨率自适应

 
阅读更多

我们在写html的时候,可能需要设置一个背景图片,但是不同的电脑,屏幕分辨率不同,如果我们把这个背景图片裁切到在A电脑上正好铺满屏幕(或者我们想要的大小),但是却未必会在B电脑上也铺满屏幕,因为两台电脑的分辨率是不同的,最明显的就是在笔记本上和在台式机上的分辨率不同。

那么我们怎么能让这个图片在任何一个pc上都铺满屏幕(或指定大小呢),这就需要我们在编写html引入图片的时候,不能使用固定大小,而应该使用相对大小:


<img alt="" src="mlnoa/images/newyear2014.jpg" width="100%" height="100%">


这样,这个图片在任何机器上都是根据该pc的分辨率来自动拉伸图片,铺满整个屏幕的。

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics