移動設(shè)備html5頁面布局-資料下載頁
2025-05-05 22:33本頁面
【正文】 ，僅在需要的時候才彈出，以節(jié)省屏幕空間。彈出框可在原有界面上進行操作，不必跳出界面，體驗比較連貫。彈出框在安卓系統(tǒng)上的使用很普遍，比菜單、單選框、多選框等，在IOS系統(tǒng)上使用相對少些。 HTML5移動 Web開發(fā) 第 48頁 HTML5移動 Web開發(fā) 第 49頁 8，抽屜 /側(cè)邊欄 ? 抽屜也是將內(nèi)容先藏起來，在需要時再展開。彈出框一般是完成設(shè)置或完成某個任務(wù)，而抽屜展示的一般是具體內(nèi)容。抽屜在交互體驗上更加自然，和原界面融合較好。抽屜欄一般從頂部或底部拉出，若是從左右兩側(cè)拉出的，我們一般稱為側(cè)邊欄。Path和一些瀏覽器的書簽，均采用了側(cè)邊欄的設(shè)計。 HTML5移動 Web開發(fā) 第 50頁 HTML5移動 Web開發(fā) 第 51頁 9，標簽 ? 在搜索界面和分類界面時，會采用標簽的方式來展現(xiàn)。標簽方式比較動感的，增加了應(yīng)用的趣味性，但使用場景較有限。 HTML5移動 Web開發(fā) 第 52頁 HTML5移動 Web開發(fā) 第 53頁 例 ? 分別運行 ? 有什么不同？ ? modernizr，請自行查資料了解。 HTML5移動 Web開發(fā) 第 54頁 例 ? 分別運行 ? 有什么不同？ HTML5移動 Web開發(fā) 第 55頁 流體布局 ? 就是網(wǎng)頁縮小和放大時網(wǎng)頁布局會隨著瀏覽器的大小而改變！ ? 由于頁面中的寬度值都是百分數(shù)，所以拉伸、縮小瀏覽器的大小，布局的寬度會隨之變化兒不會出現(xiàn)橫向滾動條。這種布局叫做流體布局，可以增加文本的易讀性。 ? 但是流體布局也有缺點。在窗口寬度小的時候，行變得非常窄，很難閱讀。在多列布局中尤其如此。并且，很多時候，會遇到文字溢出等情況！ HTML5移動 Web開發(fā) 第 56頁 課后作業(yè) ? 已給代碼是一個人的簡歷的網(wǎng)頁描述。 ? 請修改代碼， 選擇合適的布局方式， 使其可在移動端正常瀏覽，并把其中的顯示的內(nèi)容修改為你個人的信息（正文）。 ? 源代碼見： resume_demo原版 ? 上交方式：把 css、 js、 html等文件打包成一個文件夾，命名為： 實驗 2學(xué)號姓名 ，下次上課之前上交到 FTP。 HTML5移動 Web開發(fā) 第 57頁
環(huán)評公示相關(guān)推薦
鄂ICP備17016276號-1