Question

如何让div及div里面的图片适合所有分辨率。

http://www.sonystyle.com.cn/index.htm?pid=baidu&cid=bdb_cc_t_home_130402
像索尼的主页那样。图片外面要一个div，求高手。

Answer 1

div的宽度为100%，他里面的图片是很长的，一般网站都取1920像素（宽），然后，当你屏幕大点就显示多一点图片而已，图片的中间是主内容，其他地方就拉个背景什么的

追问

这个我也想到，但是不想这样做，能不能根据我这张图片，把源代码给弄出来，我想适应各种设备。

追答

看了下他的源码，他里面有很多css，也就是不同大小的屏幕显示不同的css，用js控制输出的css就好了，

<link href="/1024.css" media="screen and (min-width: 960px)" rel="stylesheet">
<link href="/768.css" media="screen and (min-width: 800px) and (max-width: 960px)" rel="stylesheet">
<link href="/800.css" media="screen and (min-width: 560px) and (max-width: 800px)" rel="stylesheet">
<link href="/480.css" media="screen and (max-width: 560px)" rel="stylesheet">
<script src="/files/jquery.js">
<script src="/files/basic.js">
<script type="text/javascript" src="

<script type="text/javascript" src="

<script src="

他这里主要是

<script src="/files/jquery.js">
<script src="/files/basic.js">

这两个js控制，你可以下载下来参考下，

源码扣出来了，没时间全部引用了，你看下效果

Answer 2

设置背景，然后居中显示