微信開發

時間 2019-12-05

標籤微信開發简体版

原文原文鏈接

響應式設計

上面這行代碼的意思是，面積的100%，網頁的寬度默認等於屏幕寬度（width=device-width）,原始縮放比例（initial-scale=1）爲1.0，即網頁初始大小佔屏幕html

(1)自動探測屏幕寬度，而後加載相應的css文件css3

(2)<link rel="stylesheet" type="text/css" media="screen and (max-width:767px)" href="phone.css">git

上面代碼的意思是若是屏幕寬度小於767px就加載phone.css文件服務器

(3)<link rel="stylesheet" type="text/css" media="screen and (min-width:768px)" href="style.css">微信

上面代碼的意思是若是屏幕寬度大於768px就加載style.css文件app

因爲網頁會根據屏幕寬度調整佈局，因此不能使用絕對寬度的佈局，也不能使用具備絕對寬度的元素微信公衆平臺

字體也不能使用絕對大小，應使用相對大小；rem字體大小是相對於根元素<html>字體大小，默認網頁根元素大小爲100%，即16像素，因此1rem=16px；佈局

在實際項目中能夠使用：html{font-size:62.5%},即1rem=10px字體

除了佈局和文本，自適應網頁設計還必須實現圖片的自動縮放

image{max-width:100%;} 經常使用

object，embed{max-width:100%;} 保證全部多媒體標籤實現自適應

微信公衆平臺地址：https://mp.weixin.qq.com

自定義服務器：https://console.bce.baidu.com/bae/#/bae/app/list //百度應用引擎BAE

圖靈機器人：http://www.tuling123.com/

代碼git地址：https://git.duapp.com/appida8aeo7h6ld

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。