remcss3高度自适应，layer高度自适应

移动端高度怎么自适应?

1、现在主要是采用自适应来解决高度，宽度的，以及图片自适应问题，下面就PC端和移动端来总结一下，通常进行自适应高度和宽度，图片时，一般与页面的布局存在关系。

2、设计稿尺寸为750 * 1340，移动端rem自适应方案一般分2种 网易做法 整个屏幕为5rem，1rem=100px 淘宝做法 整个屏幕为10rem，1rem=75px 当然也可以转化为px ： rem = 100 ： 1。

3、高度自适应：height 如果块级元素不设置高度，并且没有内容时，元素在浏览器不显示。如果块级元素不设置高度或者设置auto的时候，可以做到自适应。内容多高，元素高度就是多少。

4、在文档流中，DIV的高度默认就是根据内容的高度自适应的。如果是想适配不同设备的窗口大小，可以设置百分比。或者通过position定位，然后设置top和bottom值。

5、使用rows属性和cols属性来调节其宽高，实例如下：//rows代表该文本域的行高，cols代表列宽百度知道也可以使用CSS来控制文本域的宽高。

相关问答

Q1: html5怎样让字体自适应大小

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

2、px是iphone6的物理像素，也叫屏幕分辨率；设计稿中通常750作为宽度；为了适配不同的像素的机型；我们根据将字体用rem表示，它可以根据机型调整字体大小；为什么750px的机型设置100px为1rem呢，好算啊。

3、HTML5 Canvas的文本设置字体和大小，可以使用的字体在画布范围内的属性。

4、html headtitle字体大小 font size/title/headbody pfont size=1这段文字的字体大小值为1。/font/p pfont size=2这段文字的字体大小值为2。

Q2: 怎样做出H5响应式网页设计

确定需求：首先，要明确制作H5的目的和需求，确定要传达的信息、所要展示的内容和交互效果等。规划结构：根据需求，设计网页的整体结构和布局。可以使用工具如Axure、Sketch等进行原型设计，或直接在纸上绘制草图。

找到h5制作平台 如何制作h5页面？现在网上有很多h5制作平台找到一家有实力的，然后进入到平台注册一个账号，并登陆到网站。

你要将品牌故事融入H5，借助H5的技术优势将品牌价值文化理念传达给用户，让其永久的记住你；强互动强互动是将H5页面做的比较有趣的最好的一种方法。

/6分步阅读 在网络上搜索H5制作工具，下面会出现很多的H5页面制作工具，选一个简单好用的。（如图一所示）2/6 点击进入到制作工具的官网，点击注册登录。

找专业h5制作设计公司 如果企业想要通过h5页面，做一次很重要活动推广，那建议h5制作找专业制作设计公司。

采用由简到难递进式产品设计模式，效果组件化，减少用户上手难度，稳定的操作环境助力企业持续创意输出。

Q3: HTML5实现移动端自适应的几种方法介绍

设计稿尺寸为750 * 1340，移动端rem自适应方案一般分2种 网易做法 整个屏幕为5rem，1rem=100px 淘宝做法 整个屏幕为10rem，1rem=75px 当然也可以转化为px ： rem = 100 ： 1。

HTML网页的开发中，需要对大小不一的屏幕兼容，使图片在不同的设备中可以展示预期的效果。

html5中是通过css3的background-size来控制自适应的。

Q4: css控制页面再不同分辨率下显示相对大小

1、细分的话，一个布局的问题，可以考虑用百分比的办法，就像亚马逊一样，宽度始终是满屏的，但是会带来空白的分布问题，还有一个是字体的问题，实在想解决的话就针对不同的分辨率调用不同的css吧。

2、一般的解决方案。采用定长定宽的布局。规划好页面的各部分元素大小。精确到px。然后整体居中，两侧留白。这样分辨率不一样，只会影响留白部分的大小。居中部分在各分辨率下显示效果一致。另一种解决方案比较少用。

3、bootstrap是个很好的响应式框架。pc端移动端二合一。自己可以用@media媒体对各个分辨率写下对饮的样式属性。

4、如果你要想实现不能分辨率下效果实现统一，最好的办法就是用两套CSS。你上面说的京东实际上它用了两套CSS文件，例如京东的产品页，在1280以下分辨率下页面的宽度为980，而在1280以上分辨率的显示器上宽度设置的是1200。

关于remcss3高度自适应和layer高度自适应的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。