如何使生成的div自適應(yīng)手機(jī)屏幕

回復(fù)內(nèi)容：

如何使生成的div自適應(yīng)手機(jī)屏幕

用bootstrap吧，能實(shí)現(xiàn)你需要的響應(yīng)式布局，div用里面的.col-xs- .col-sm- .col-md- .col-lg-，除此之外還有其他的標(biāo)簽也可以實(shí)現(xiàn)響應(yīng)式布局，詳見http://www.runoob.com/bootstrap/bootstrap-grid-system.html。你也可以使用Webapp框架，如jQuery Mobile

設(shè)position為fixed，然后top跟bottom給一個(gè)固定值

寬高寫百分比，或者用rem單位。

立即學(xué)習(xí)“Java免費(fèi)學(xué)習(xí)筆記（深入）”；

手工實(shí)現(xiàn)響應(yīng)式布局有這幾個(gè)注意點(diǎn)：
1.寬度設(shè)置成百分比，并且全部浮動(dòng)，高度設(shè)百分比無效
2.css媒體查詢技術(shù) 可以用多個(gè)link分各種屏幕分辨率導(dǎo)入你的css代碼但請(qǐng)求次數(shù)過多，不推薦，可以用@media screen and (max-width=375px){你所需要呈現(xiàn)樣式的css代碼}。用chrome控制臺(tái)可以看到你想要的設(shè)備的寬度
3.在meta里定義viewport 告訴html頁面你要它實(shí)現(xiàn)自適應(yīng)
4.img使用max-width
5.字體使用em

我也是新手，建議lz系統(tǒng)的學(xué)習(xí)一下響應(yīng)式布局，不然坑很多，或者直接用bootstrap寫 看看說明書就可以

個(gè)人覺得，這個(gè)問題： ‘如何在瀏覽器中將一個(gè)div設(shè)置成屏幕大小’ 是一個(gè)問題。
這樣的話我會(huì)這么做：
google或者baidu 但是最好還是google => html - Set div width equal to window size - Stack Overflow

給你一個(gè)鏈接吧：
stackoverflow
google