導(dǎo)讀 大家好,小物來(lái)為大家解答以上的問(wèn)題。移動(dòng)網(wǎng)站制作教程(移動(dòng)網(wǎng)站制作教程書(shū))這個(gè)很多人還不知道,現(xiàn)在讓我們一起來(lái)看看吧!移動(dòng)網(wǎng)站的制作與...
大家好,小物來(lái)為大家解答以上的問(wèn)題。移動(dòng)網(wǎng)站制作教程(移動(dòng)網(wǎng)站制作教程書(shū))這個(gè)很多人還不知道,現(xiàn)在讓我們一起來(lái)看看吧!
移動(dòng)網(wǎng)站的制作與PC端網(wǎng)站的制作方式幾乎是沒(méi)有差別的,最主要的差別就是使用HTML5的viewport和CSS的媒體查詢
1. 新建一個(gè)HTML5文檔,
2. 因?yàn)橐苿?dòng)網(wǎng)站通常是對(duì)設(shè)備屏幕自適應(yīng)的,所以,首先應(yīng)該使用html5的viewport功能,
3. 使用媒體查詢方法,設(shè)置一個(gè)移動(dòng)端網(wǎng)站的CSS,例如:
4. 豐富HTML5文檔的主題信息,在body內(nèi)寫(xiě)入頁(yè)面顯示元素
5. 為手機(jī)端的CSS設(shè)置基本樣式
6. 保存以上所有
本文到此分享完畢,希望對(duì)大家有所幫助。
標(biāo)簽:
免責(zé)聲明:本文由用戶上傳,如有侵權(quán)請(qǐng)聯(lián)系刪除!