html5折叠,html 折叠

HTML5折叠文字和手机屏幕适应矛盾，背景出现重复

看着这一坨的东西就不想去看了，首先问问题要使用专业术语，

如果不会就要说得清楚一点，代码整理一下，这么乱是没有多少人会愿意去解答的。

你这些设置了可以缩放，一般情况下移动端的是这样的，

有时候还需加上这个：

至于你说的背景问题，你可以通过设置一个盒子为width：100%；height：100%；然后把图片放在这个盒子里面，然后设置图片自适应盒子（display:block; width:100%;），然后在根据body标签来定位，这样它就是一张完美适应的背景图了。

相关问答

Q1: html5css3左侧折叠菜单怎么做

h1p折叠1/p/h1

h1p折叠2/p/h1

h1p折叠3/p/h1

h1p折叠4/p/h1

需要js来，最好用jquery来实现

只需要给h1绑定事件，单件它的时候，设置它的p属性，display:none。

Q2: 如何在利用bootstrap，或html5来实现折叠的表单

需要设计一个在线的数据库录入系统，用户可以通过pc和手机端浏览器直接访问并进行数据的录入。为了快捷，在概览了HTML5和CSS的基本知识后，就直接采用了bootstrap来搭建整个网站的基本框架。

Q3: HTML5怎么做出苹果折叠菜单的效果

1、在网页head区添加以下样式定义 ：

style type="text/css"

#dlmenu {height:10em;}

#menu {list-style-type:none; margin:0 0 10px; padding:0; position:absolute; width:15em; background:#fff; z-index:100;}

#menu li {display:block; padding:0; margin:0; position:relative; z-index:100;}

#menu li a, #menu li a:visited {display:block; text-decoration:none;}

#menu li dd {display:none;}

#menu li:hover, #menu li a:hover {border:0;}

#menu li:hover dt a , #menu li a:hover dt a {background:#d4d8bd url(top_grad_2.gif) center center; color:#ff0; }

#menu li:hover dd, #menu li a:hover dd {display:block;}

#menu li:hover dl, #menu li a:hover dl {height:20em; background:#b4be9c url(sub_grad.gif);}

#menu table {border-collapse:collapse; padding:0; margin:-4px; font-size:1em;}

#menu dl {width: 15em; margin: 0; background: #6f9c6f; cursor:pointer;}

#menu dt {margin:0; padding: 0; font-size: 1.1em; border-top:1px solid #cce;}

#menu dd {margin:0; padding:0; font-size: 1em; text-align:left; }

.gallery dt a, .gallery dt a:visited {display:block; color:#fff; padding:5px 5px 5px 10px; background:#949e7c url(top_grad.gif) center center;}

.gallery dd a, .gallery dd a:visited {color:#000; min-height:1em; text-decoration:none; display:block; padding:4px 5px 4px 20px; background:#b4be9c url(sub_grad.gif);}

* html .gallery dd a, * html .gallery dd a:visited {height:1em;}

.gallery dd a:hover {background:#7aa; color:#ff0;}

/style

2、在网页body区添加菜单HTML代码

div id="dlmenu"

ul id="menu"

li

!--[if lte IE 6]a href="#nogo"tabletrtd![endif]--

dl class="gallery"

dta href="../menu/index.html"DEMOS/a/dt

dda href="../menu/zero_dollars.html" title="The zero dollar ads page"zero dollars/a/dd

dda href="../menu/embed.html" title="Wrapping text around images"wrapping text/a/dd

dda href="../menu/form.html" title="Styling forms"styled form/a/dd

dda href="../menu/nodots.html" title="Removing active/focus borders"active focus/a/dd

dda href="../menu/shadow_boxing.html" title="Multi-position drop shadow"shadow boxing/a/dd

dda href="../menu/old_master.html" title="Image Map for detailed information"image map/a/dd

dda href="../menu/bodies.html" title="fun with background images"fun with backgrounds/a/dd

dda href="../menu/fade_scroll.html" title="fade-out scrolling"fade scrolling/a/dd