亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在電腦上做了一個寬1000px的網頁,怎么在手機上正常顯示?

在電腦上做了一個寬1000px的網頁,怎么在手機上正常顯示?

hcl哦了 2016-03-23 21:37:01
我在電腦上做了一個網頁,寬1000px,我發到了網上?用電腦看正常顯示,但是用手機看,手機放不開,必須一點一點的拖著看,有什么辦法讓網頁在手機端也能正常顯示?
查看完整描述

5 回答

已采納
?
淡雅的默

TA貢獻102條經驗 獲得超139個贊

你需要去看看響應式設計或者自適應,相對于來說響應式好一點;

舉個簡單的例子;如下:

<div style="width:100%; max-width:1000px;height:auto;margin:auto;padding:10px">

????<p>這里是div標簽內P的內容,這里是div標簽內P的內容,這里是div標簽內P的內容,這里是div標簽內P的內容,這里是div標簽內P的內容,這里是div標簽內P的內容</p>

</div>

那么div我們定義了他的寬度是100%的比例,但是后續又給它了一個最大寬度只有1000px的寬度,居中顯示,高度隨內容定義;

然后你可以試著縮小瀏覽器,當寬度不足1000px的時候,那么它就是100%的比例顯示

查看完整回答
4 反對 回復 2016-03-24
?
寶慕林5279239

TA貢獻1條經驗 獲得超0個贊

<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">


查看完整回答
反對 回復 2018-01-26
?
幕布斯6393831

TA貢獻111條經驗 獲得超40個贊

做移動端適配。

查看完整回答
反對 回復 2016-03-24
?
Number09

TA貢獻1條經驗 獲得超0個贊

改一版手機版的,也做自適應,然后將pc端和手機端的代碼做一個鏈接,就可以了

查看完整回答
反對 回復 2016-03-24
?
Shiyu87

TA貢獻5條經驗 獲得超1個贊

不要用px,用百分比來定義寬度

查看完整回答
反對 回復 2016-03-23
  • 5 回答
  • 1 關注
  • 5095 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號