DIV+CSS动态内容如何自适应

html-css013

DIV+CSS动态内容如何自适应,第1张

宽度设置为100%.高度设置:auto

宽读设置100%;就是根据设备屏幕的宽度大小决定大小。

高度auto:这个是根据,该容器内部内容的高度来决定,

注意清除浮动,如果这个高度无效的话,就注意该内容的是否浮动,

我给你说,你自己调试吧好吗?

你如果要设置自适应的问题,那么就需要一个宽度100%也就是你最外围的那个div 设置css宽度100%;

第二步,设置li标签宽度60%;后面的span修改为li设置为40%;给他们都起一个css名字首先保证一行自适应,以下的那些复制就可以了;让li标签 float:left 或者让第二个li标签靠右对齐;

这样就可以实现区域自适应了;

注:这只是区域自适应,你也可以设置由浏览器的宽度变动,文字根据浏览器宽度变化而变动大小,这个就需要去判断了@media screen用这个方法就可以实现,如果不懂可以百度一下,有对应的教程,或者追问我也可以;我可以帮你解答;