我在電腦上做了一個(gè)網(wǎng)頁(yè)，寬1000px，我發(fā)到了網(wǎng)上?用電腦看正常顯示，但是用手機(jī)看，手機(jī)放不開(kāi)，必須一點(diǎn)一點(diǎn)的拖著看，有什么辦法讓網(wǎng)頁(yè)在手機(jī)端也能正常顯示？
5 回答
已采納
淡雅的默
TA貢獻(xiàn)102條經(jīng)驗(yàn) 獲得超139個(gè)贊
你需要去看看響應(yīng)式設(shè)計(jì)或者自適應(yīng)，相對(duì)于來(lái)說(shuō)響應(yīng)式好一點(diǎn)；
舉個(gè)簡(jiǎn)單的例子；如下：
<div style="width:100%; max-width:1000px;height:auto;margin:auto；padding:10px">
????<p>這里是div標(biāo)簽內(nèi)P的內(nèi)容，這里是div標(biāo)簽內(nèi)P的內(nèi)容，這里是div標(biāo)簽內(nèi)P的內(nèi)容，這里是div標(biāo)簽內(nèi)P的內(nèi)容，這里是div標(biāo)簽內(nèi)P的內(nèi)容，這里是div標(biāo)簽內(nèi)P的內(nèi)容</p>
</div>
那么div我們定義了他的寬度是100%的比例，但是后續(xù)又給它了一個(gè)最大寬度只有1000px的寬度，居中顯示，高度隨內(nèi)容定義；
然后你可以試著縮小瀏覽器，當(dāng)寬度不足1000px的時(shí)候，那么它就是100%的比例顯示
寶慕林5279239
TA貢獻(xiàn)1條經(jīng)驗(yàn) 獲得超0個(gè)贊
<meta?content="width=device-width,?initial-scale=1.0,?maximum-scale=1.0,?user-scalable=0"?name="viewport"> <meta?content="yes"?name="apple-mobile-web-app-capable"> <meta?content="black"?name="apple-mobile-web-app-status-bar-style"> <meta?content="telephone=no"?name="format-detection">
Number09
TA貢獻(xiàn)1條經(jīng)驗(yàn) 獲得超0個(gè)贊
改一版手機(jī)版的，也做自適應(yīng)，然后將pc端和手機(jī)端的代碼做一個(gè)鏈接，就可以了
添加回答
舉報(bào)
0/150
提交
取消