在实际应用中经常会发现,精心制作的网页在不同的屏幕分辨率时,或改变窗口时常出现一些页面变形或内容扭曲等现象。在800*600的分辨率下,一切正常,而到了1024*800时,则多个表格或有的居中,有的却左排列或右排列,很难看,这是什么原因。
在解决这个问题之前,我们讲一下网页制作中的表格的排列。表格有左排列、居中、右排列三种排列方式,如果没有进行特别设置,则默认为是居左排列。这就是问题之所在,在800*600的分辨率下,表格恰好就是编辑区域那么宽,不容易察觉,而到了1024*800的时候,就会显示出一部分空白区域,解决的办法比较简单,即将所有表格的单元格都设置为居中。
同样是这种分辨率切换,表格的上下排列不一致。上面所说的是水平错位,而这种是纵向错位(也就是垂直方向错位),多发生在一个表格单元格里嵌入另一个表格的情况。其原因在于,嵌入的表格默认为竖向居中排列,在800*600分辨率时,这种错位看不出来,而到了1024*800就出现了,解决这种问题的办法如前,根据情况对排列进行设置,而不是采用其默认设置。