日期:2014-05-17  浏览次数:20904 次

如何让网页自适应分辨率?
我根据1366×768的分辨率做个了网页  宽度没有设, 怎么让他适应1024×768分年率;而不变形 ?

------解决方案--------------------
在主div的样式里加上
margin: 0 auto;
------解决方案--------------------
这得看你写的网页的实际宽度了,虽然你没有设宽度,实际上还是有一个宽度的,应该就是你整体布局最长的那一行,要是宽度超过了1024,那么在1024*768的分辨率下肯定适应不了,可能会出现横向下拉条。
所以前期设计时就应该考虑不同分辨率的问题......1024的话理论上应该不超过1002px的宽度。
------解决方案--------------------
围观一下,坐等回答,这是个很实际的问题。
------解决方案--------------------
你只能按1024×768来开发,这样,在比它大的分辨率下,都不会变型了
------解决方案--------------------
写一个宽度小于1000的容器,设置为margin:0 auto;然后把所有内容装到里面去...
------解决方案--------------------
用百分比设置试试
------解决方案--------------------
这问题不是一下子能说清楚的,需要平时不断的去积累。楼主,可以去看下一些大型的门户网站,他们的基本布局都是固定宽度,只要在最小的宽度满足1024宽度即可。所以很多大型门户网站两边都是会留有空白的,这样就可以用以下样式:

{
   margin : 0 auto; /*表示居中显示*/
   width : 1000px; /*小于1024的固定宽度*/
}

用以上的样式可以作为总的容器,就可以满足1024下了,你分辨率大了之后,因为总容器是固定宽度,所以容器里面的内容肯定不会变形的,要变也就变容器之外两边空白的宽度。不过,要做到两边不留空白也能做到分辨率自适应和放大缩小浏览器自适应,可以推荐楼主去看一本书:《CSS彻底设计与研究》,看完了,或许你就知道了,希望对楼主有所帮助。
------解决方案--------------------
要提示的话

width:100%
核心就是这样

剩余的全部以此类推