×

深圳网站建设—APP开发—网站制作—小程序开发_博纳网络公司

网站制作

网站设计怎么解决网页表格的变形问题

文章编辑:网站建设 文章来源:网站设计 浏览量:

  网站设计公司怎么解决网页表格的变形问题,网页在不同的屏幕分辨率或改变窗口时常出现一些页面变形情况,怎么办呢?
1.在不同分辨率下所出现的错位
  在800600的分辨率下时,一切正常,而到了1024768时,则有的表格居中,有的表格却居左或居右。表格有左、中、右三种排列方式,如果没特别进行设置,则默认为居左排列。在800600的分辨率下,表格恰好就有编辑区域那么宽,不容易察觉,而到了1024768时,就出现了这种情况。解决的办法比较简单,即都设置为居中或都设置为居左或都设置为居右对齐。
2.采用百分比而出现的变形
  解决办法是不要设置成百分比。一般情况下,如果表格没有外围嵌套标记,则将宽等设置成固定宽度,如有外围嵌套标记,则将外转嵌套标记的宽度设置为固定值,而表格的宽或高可设置为百分比,这样就不会出现变形了。
3.表格单元格之间互相干扰引起的变形
  在工具里制作网页时没有空隙,而在浏览时却发现莫名其妙地多出一些空隙,而又不知原因在哪,很是令人讨厌。解决办法是先看表格设置有没有上面所谈的两种情况,如没有,可能是在划分表格时,同一行的单元格之间相互牵制所出现的问题。如果表格比较复杂,最好采取嵌入表格的形式,这样可以少一些单元格之间相互干扰情况,而使单元格之间相对独立。深圳网站设计公司本文关于“网站设计怎么解决网页表格的变形问题”的知识就介绍分享到这里,谢谢关注,博纳网络编辑整理。
 

当前文章链接:https://www.198bona.com/construction/design/4703.html
如果您觉得案例还不错请帮忙分享:

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【qin@198bona.com 】,我们在确认后,会立即删除,保证您的版权。