HTML5如何利用rem实现自适应布局

1、根em），使用rem为元素设定字体大小时，是相对大小，但相对的只是HTML根元素。通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。

10年积累的成都网站制作、网站建设、外贸网站建设经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先做网站后付款的网站建设流程，更有邵阳免费网站建设让你可以放心的选择与我们合作。

2、在移动端我们一般会设置布局视口宽度=设备宽度，即内容呈现的区域在设备屏幕内。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：此标记创建用于表单的密钥对生成器字段。1link：不要与“超链接”或锚点（a）标签混淆，此链接用于设置文档与外部资源之 间的链接。

5、正如刚刚提到的，HTML5有多个新标签帮助我们定义娱乐功能。在这一领域一些新的标签包括video，img是为图片使用的，canvas则是描述图片，还有audio用于定义声音文件。

6、dialog定义对话（会话）dialog元素表示几个人之间的对话。HTML5dt元素可以表示讲话者，HTML5dd元素可以表示讲话内容。

html5中p和div的区别

从人的视觉上看是一样没错，但从机器搜索引擎的角度看HTML5的figure标签更加语义化，更友好！所谓的语义化就是通过HTML标签就能知道它的用途，比如：footer/footer代表网页的底部。

div：本身没有任何语义，用作布局以及样式化。section：与 div 的无语义相对，简单地说 section 就是带有语义的 div 了，但是千万不要觉得真得这么简单。section 表示一段专题性的内容，一般会带有标题。

html5的section和div用法区别为：对应内容不同、用途不同、来源不同。对应内容不同 section：每个section必须对应内容本身不同的主题。div：div可以对应内容本身相同的主题。

p：段落标签 使用不同 article是可以嵌套使用的，内外层内容相关联，用户看到的内容并不是对应本网站的一个具体的页面。p标签主要用作定义一段文本。