成都网站建设设计

将想法与焦点和您一起共享

自适应布局

场景:
自适应布局

成都创新互联从2013年开始,先为从江等服务建站,从江等地企业,进行企业商务咨询服务。为从江企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

这种图片滚动的指示条,并不知道有几张图片,也就是指示条数量不确定,指示条需要根据数量要自适应宽度。
自适应布局

这种图片大小固定,然后中间的链接线可以拉长缩短。

解决方案:
1、利用table布局,table布局,这种布局不管设置了table-layout与否,都会自动计算没有设置宽度的td,让其适应屏幕,对于场景1,直接使用即可,不需要设置任何td的宽度;对于场景2,将图片的td设置一个宽度,线条的不设置。
2、利用css3的box flexd布局(弹性布局),对于这种布局的使用这里不做介绍


网页标题:自适应布局
本文来源:http://chengdu.cdxwcx.cn/article/jpjdhd.html