图像相对于屏幕分辨率

Question

宽度我刚刚看了看这个网站：

http://www.morphix.si/#home

，我想知道怎样才能图像的宽度可以被调整到屏幕分辨率？ （或者换句话说：他们是如何安排这样的CSS所以它看起来是一样在每一个画面）

Answer 1

如果你正在谈论的background-image比这里是一个CSS3的解决方案

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

而且如果您有兴趣设计与每个屏幕兼容的布局，则可以使用特定于屏幕分辨率的@media查询，通常用于响应式设计，如

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { 
    /* Styles goes here */ 
}