HTML5折疊文字和手機(jī)屏幕適應(yīng)矛盾，背景出現(xiàn)重復(fù)

看著這一坨的東西就不想去看了，首先問問題要使用專業(yè)術(shù)語，

我們提供的服務(wù)有：成都網(wǎng)站制作、成都網(wǎng)站設(shè)計、外貿(mào)營銷網(wǎng)站建設(shè)、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、古城ssl等。為上千多家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的古城網(wǎng)站制作公司

如果不會就要說得清楚一點，代碼整理一下，這么亂是沒有多少人會愿意去解答的。

你這些設(shè)置了可以縮放，一般情況下移動端的是這樣的，

有時候還需加上這個：

至于你說的背景問題，你可以通過設(shè)置一個盒子為width：100%；height：100%；然后把圖片放在這個盒子里面，然后設(shè)置圖片自適應(yīng)盒子（display:block; width:100%;），然后在根據(jù)body標(biāo)簽來定位，這樣它就是一張完美適應(yīng)的背景圖了。

html5css3左側(cè)折疊菜單怎么做

h1p折疊1/p/h1

h1p折疊2/p/h1

h1p折疊3/p/h1

h1p折疊4/p/h1

需要js來，最好用jquery來實現(xiàn)

只需要給h1綁定事件，單件它的時候，設(shè)置它的p屬性，display:none。

如何在利用bootstrap，或html5來實現(xiàn)折疊的表單

需要設(shè)計一個在線的數(shù)據(jù)庫錄入系統(tǒng)，用戶可以通過pc和手機(jī)端瀏覽器直接訪問并進(jìn)行數(shù)據(jù)的錄入。為了快捷，在概覽了HTML5和CSS的基本知識后，就直接采用了bootstrap來搭建整個網(wǎng)站的基本框架。

HTML5怎么做出蘋果折疊菜單的效果

1、在網(wǎng)頁head區(qū)添加以下樣式定義 ：

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、在網(wǎng)頁body區(qū)添加菜單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

分享標(biāo)題：html5折疊,html 折疊
分享路徑：http://chinadenli.net/article44/dsijghe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營銷型網(wǎng)站建設(shè)、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站維護(hù)、企業(yè)建站、App開發(fā)、軟件開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)