css里面的rem怎么做到横屏也能做到自适应
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css里面的rem怎么做到横屏也能做到自适应相关的知识，希望对你有一定的参考价值。
rem是一个相对长度单位，Rem是相对于根元素<html> 参考技术A 1、rem这种技术需要一个参考点，一般都是以<body>的“font-size”为基准。body设置如下：
body
font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/
2、然后使用 @media 查询，针对不同的媒体类型定义不同的样式，也就是根据不同的尺寸设置不同的样式。
@media only screen and (max-width: 500px)
body
font-size:1.4rem;
@media only screen and (max-width: 768px)
body
font-size:1.6rem;
根据自己不同的尺寸设置不同的font-size，希望对你有帮助，望采纳！本回答被提问者采纳
嵌入到企业内部的网页怎么做到宽高自适应
我现在说的是PC端的一些经验：
1.百分比布局。 或者用 bootstrap的栅格布局。html和body高度宽度设置为100%;
在里面的块级元素设置为百分比布局
以上是关于css里面的rem怎么做到横屏也能做到自适应的主要内容，如果未能解决你的问题，请参考以下文章