DIV+CSS页面宽度 多浏览器,多分辨率的支持(别和我说用百分比 ,最大化还原,图就变形了。
如果单纯的用百分比的话,页面不是最大化情况下,页面占了窗口的满屏,整体就是变瘦了,变小了。。...
如果单纯的用百分比的话,页面不是最大化情况下,页面占了窗口的满屏,整体就是变瘦了,变小了 。。
展开
2个回答
展开全部
页面如果宽度不是固定而是可自动伸缩的话,那么你在ps设计的时候就要以1000左右的尺寸来设计,而且要考虑到分辨率或者窗口放大后的伸展效果;在布局的时候,某一行并排多个内容块的话,那么你可以考虑2种设宽度方式,
1、各个区块在1000px尺寸的时候按照百分比设定
2、大部分区块固定宽度,留一个区块自动伸展
只有一行的区块就不用担心了,一般自动伸展影响不大,
最容易出错的就是宽度过小导致一行并排多个区块错位或者变形,这时候就需要你给body设定一个最小宽度,如1000px,当分辨率或者浏览器缩小至1000px以下的时候就自动出现滚动条,这样页面就不会出错了
下面就是设定最小宽度的样式:
让所有浏览器都支持min-width的CSS样式代码,完整:
min-width:1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1000?"1000px":"");
这里的1000和1000px是你需要的数值,注意3个数值的相同。
1、各个区块在1000px尺寸的时候按照百分比设定
2、大部分区块固定宽度,留一个区块自动伸展
只有一行的区块就不用担心了,一般自动伸展影响不大,
最容易出错的就是宽度过小导致一行并排多个区块错位或者变形,这时候就需要你给body设定一个最小宽度,如1000px,当分辨率或者浏览器缩小至1000px以下的时候就自动出现滚动条,这样页面就不会出错了
下面就是设定最小宽度的样式:
让所有浏览器都支持min-width的CSS样式代码,完整:
min-width:1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1000?"1000px":"");
这里的1000和1000px是你需要的数值,注意3个数值的相同。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询