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

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

寫移動端頁面的規則?

寫移動端頁面的規則?

一只喵__ 2016-01-22 15:31:56
我是做pc端頁面的,現在需要做個簡單的移動app的頁面,想請教下大家移動頁面和pc的代碼寫起來有幾處區別? 現在只知道移動端模塊大小需要用百分比、頭部需要寫一些meta標簽。我打算用XHTML 1.0來寫,現在無從下手,我需要考慮哪些問題呢?
查看完整描述

2 回答

已采納
?
阿賈大魔王

TA貢獻29條經驗 獲得超28個贊

一. 允許網頁寬度自動調整: "自適應網頁設計"到底是怎么做到的?
其實并不難。 首先,在網頁代碼的頭部,加入一行viewport元標簽。
<meta name="viewport" content="width=device-width, initial-scale=1" /> ?
二. 不使用絕對寬度 由于網頁會根據屏幕寬度調整布局,所以不能使用絕對寬度的布局,也不能使用具有絕對寬度的元素。
三. 相對大小的字體 字體也不能使用絕對大?。╬x),而只能使用相對大?。╡m)。
四. 流動布局(fluid grid) "流動布局"的含義是,各個區塊的位置都是浮動的,不是固定不變的。  
.main { float: right; width: 70%; } .leftBar { float: left; width: 25%; } ?
五. 圖片的自適應(fluid image) 除了布局和文本,"自適應網頁設計"還必須實現圖片的自動縮放。

以上是百度找的,此外:我做手機的時候字體大小用的單位是(rem),內外邊距的單位我一般也是用這個單位。

查看完整回答
2 反對 回復 2016-01-27
  • 2 回答
  • 2 關注
  • 2204 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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