![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端rem布局
金翅
这个作者很懒,什么都没留下…
展开
-
移动端h5仿微信语音功能
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="multipart/form-data; charset=iso-8859-1"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-...原创 2021-05-14 15:21:04 · 1317 阅读 · 0 评论 -
简单的移动端rem布局方法
为根元素的html设置font-size的字体大小,根据屏幕的宽度来改变字体的大小,来达到自适应的效果,比如设计图的宽度是750px,那就用750/16=46.875px;一个div的宽度是200px,就是200/46.875=4.27rem,小数太多的情况下可以四舍五入;因为设计图宽度多为750px算起来小数特别多特别麻烦,所以把设计图宽度改成640px,算起来就好多了。<script type=原创 2017-06-28 10:26:24 · 742 阅读 · 0 评论 -
最新移动端rem布局
这个要比我去年上传的rem好很多 更准确 更方便 100px等于1rem 10px等于0.1rem怎么样是不是跟简单。一起来看一下css初始化文件: *注意给body里面设置font-size:0.32rem;html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,...转载 2018-04-02 11:32:55 · 140 阅读 · 0 评论 -
常见的媒体查询自适应分辨率区间
@charset "utf-8";/* CSS Document *//*手机总体*/@media screen and (max-device-width: 1025px) { body{background:blue;}}/*pc总体*/@media screen and (min-device-width: 1026px) { body{background:r...原创 2018-04-02 11:41:19 · 11085 阅读 · 0 评论