HTML5如何利用rem實現自適應布局

1、根em），使用rem為元素設定字體大小時，是相對大小，但相對的只是HTML根元素。通過它既可以做到只修改根元素就成比例地調整所有字體大小，又可以避免字體大小逐層復合的連鎖反應。

10年積累的成都網站制作、網站建設、外貿網站建設經驗，可以快速應對客戶對網站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網絡服務。我雖然不認識你，你也不認識我。但先做網站后付款的網站建設流程，更有邵陽免費網站建設讓你可以放心的選擇與我們合作。

2、在移動端我們一般會設置布局視口寬度=設備寬度，即內容呈現的區(qū)域在設備屏幕內。meta name=viewport content=width=device-width， initial-scale=0但不同設備的寬度不同，因而讓布局視口的寬度也不同。

3、解決方案1：p首先你要在html頁面頭部加上下面的代碼；viewport，不懂可以百度；content=，一些小的模塊可以用固定尺寸；meta ， name=。再就是css中要應用到媒體查詢，不能不用固定尺寸。

4、rem布局的兼容性：Mozilla Firefox 6+、Apple Safari 5+、Google Chrome、IE9+和Opera11+、ie6-ie8 還是別用rem 不過現在的手機一般瀏覽器，一般可以直接不用去管IE內核的瀏覽器了。

html5常用標記及用法?

1、aside 標簽，從語義化上看為在旁邊、側邊，其用法如下：在 article 標簽中使用時，作為主要內容的附屬信息部分，如有關的參考資料、名詞解釋等。

2、mark代表一段需要被高亮的引用文字。ruby表示需要被ruby 注釋 標記的文本，如中文漢字和它的拼音。rt 表示ruby 注釋 ，如中文拼音。

3、title標簽：瀏覽器標簽頁顯示的標題 meta標簽：其常用屬性 ①charset：設置文檔的字符集編碼格式。

4、中使用的常見“文本”輸入到屬于HTML5的一些新輸入類型。keygen：此標記創(chuàng)建用于表單的密鑰對生成器字段。1link：不要與“超鏈接”或錨點（a）標簽混淆，此鏈接用于設置文檔與外部資源之 間的鏈接。

5、正如剛剛提到的，HTML5有多個新標簽幫助我們定義娛樂功能。在這一領域一些新的標簽包括video，img是為圖片使用的，canvas則是描述圖片，還有audio用于定義聲音文件。

6、dialog定義對話（會話）dialog元素表示幾個人之間的對話。HTML5dt元素可以表示講話者，HTML5dd元素可以表示講話內容。

html5中p和div的區(qū)別

從人的視覺上看是一樣沒錯，但從機器搜索引擎的角度看HTML5的figure標簽更加語義化，更友好！所謂的語義化就是通過HTML標簽就能知道它的用途，比如：footer/footer代表網頁的底部。

div：本身沒有任何語義，用作布局以及樣式化。section：與 div 的無語義相對，簡單地說 section 就是帶有語義的 div 了，但是千萬不要覺得真得這么簡單。section 表示一段專題性的內容，一般會帶有標題。

html5的section和div用法區(qū)別為：對應內容不同、用途不同、來源不同。對應內容不同 section：每個section必須對應內容本身不同的主題。div：div可以對應內容本身相同的主題。

p：段落標簽 使用不同 article是可以嵌套使用的，內外層內容相關聯(lián)，用戶看到的內容并不是對應本網站的一個具體的頁面。p標簽主要用作定義一段文本。