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

方法一：所有布局用百分比布局，这种方法是比较传统的。

创新互联建站致力于互联网品牌建设与网络营销，包括成都网站制作、网站设计、SEO优化、网络推广、整站优化营销策划推广、电子商务、移动互联网营销等。创新互联建站为不同类型的客户提供良好的互联网应用定制及解决方案，创新互联建站核心团队10余年专注互联网开发，积累了丰富的网站经验，为广大企业客户提供一站式企业网站建设服务，在网站建设行业内树立了良好口碑。

如果用户的设备是320—360之间就显示成1rem=10px；在360—400之间就显示1rem=125px；在400—480，则显示1rem=15px等等以此类推，如果你想兼容更精确的手机屏幕，可以使用更精确的范围与屏幕。

rem布局的兼容性：Mozilla Firefox 6+、Apple Safari 5+、Google Chrome、IE9+和Opera11+、ie6-ie8 还是别用rem 不过现在的手机一般浏览器，一般可以直接不用去管IE内核的浏览器了。

解决方案1：p首先你要在html页面头部加上下面的代码；viewport，不懂可以百度；content=，一些小的模块可以用固定尺寸；meta ， name=。再就是css中要应用到媒体查询，不能不用固定尺寸。

HTML5折叠文字和手机屏幕适应矛盾,背景出现重复

1、在网页的中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度。

2、解决方法 scrollIntoView(alignWithTop)： 滚动浏览器窗口或容器元素，以便在当前视窗的可见范围看见当前元素。alignWithTop 若为 true，或者什么都不传，那么窗口滚动之后会让调用元素的顶部与视口顶部尽可能平齐。

3、解决方案2：建议你看一下网上的教程或者案例，自己对比学习再写。

html5页面怎么引用字体ttf文件

1、打开一个Sublime Text软件，制作一个基本的HTML结构：在Body区域添加一点文字，文字用p标签包裹起来：在文字中间的某个字前后添加small标签：也可以通过sub和sup标签让小号字体在正常文字的上面或者下面。

2、下载TTF字体。复制到【控制面板——字体文件夹里面】在HTML代码中加以调用。

3、首先，我们需要双击新下载的字体文件压缩包，然后解压一下。解压缩之后，就能得到后缀名为“.ttf”的字体文件了，如图所示。此时我们可以右键点击字体文件，选择复制或者剪切。

4、若TTF文件关联程序如果没有出错，可以直接双击TTF文件，就会弹窗字体预览安装界面，点击【安装】即可安装字体。若打不开请参考后面的解决方法。字体安装成功后，【安装】按钮为灰色，直接点击右上角的X关闭即可。

5、第一步获取要使用字体的三种文件格式，确保能在主流浏览器中都能正常显示该字体。

6、css引用字体问题 在CSS中通过@font-face属性来实现网页中嵌入特殊字体。首先获取要使用字体的三种文件格式.EOT、.TTF或.OTF、.SVG，确保能在主流浏览器中都能正常显示该字体。

文章标题：html5字体适应 html5 字体大小
分享链接：http://ybzwz.com/article/diddeji.html