页面自适应纯CSS，使用rem单位

/* 全局样式 */
html, body, ul, li, ol, dl, dd, dt, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, img, input{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{text-align:center;font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
input{outline:none;font-size:100%; border:none; background:none; font-family:"Microsoft YaHei";}
img{max-width:100%;vertical-align:top;}
em,i{font-style:normal;}
ul,li,ol{list-style:none;}
body{font-family:Microsoft Yahei,tahoma,Srial,helvetica,sans-serif; -webkit-text-size-adjust:100%; font-size:12px;}
html{font-size:15.625vw;}
@media screen and (min-width:640px){
html{font-size:100px;}
}
a,a:hover{outline:none;text-decoration:none;}例如：{width:100%; text-align:center; padding:0.1rem 0 0.2rem; font-size:0.22rem; color:#fff; overflow:hidden;}

转载于:https://www.cnblogs.com/zlmlovem/p/11206197.html

页面自适应纯CSS，使用rem单位相关推荐

html导航页面转换,纯CSS实现导航栏Tab切换效果
不用 Javascript,使用纯 CSS 方案,实现类似下图的导航栏切换: CSS 的强大之处有的时候超乎我们的想象,Tab 切换,常规而言确实需要用到一定的脚本才能实现.下面看看如何使用 CSS ...
css纵向滚动条自适应,纯css实现完美决对居中自动滚动条根据内容宽度、高度自适应,垂直水平居中,自动出现滚动条。.doc...
纯css实现完美决对居中自动滚动条根据内容宽度.高度自适应,垂直水平居中,自动出现滚动条..doc 还剩 3页未读, 继续阅读下载文档到电脑,马上远离加班熬夜! 亲,喜欢就下载吧,价低环保! 内 ...
字体大小高度html vw,字体大小自适应纯css解决方案【转】
viewpo遇新是直朋能到分览int css3提供了一些与当前viewpo遇新是直朋能到分览int相关的元素,vw,vh,vim等. "viewpo遇新是直朋能到分览int" = ...
带时间轴的文章归档的html页面,WordPress纯CSS打造时间轴归档页面
新建一个page-archive.php模板,框架写好后添加下面的主要循环输出. DIV $previous_year = $year = 0; $previous_month = $month = ...
html 中rem是什么单位,了解并使用CSS中的rem单位
什么是 rem 可能在你使用收音机或者用其他音乐播放器之前,就已经听过"R.E.M."这个词了.在这个乐队眼中,这个词是"浅睡眠时眼球的快速转动"的缩写,而在 ...
纯css实现iframe高度自适应
当我们转载文章或者发布文章时经常会需要用iframe标签引入视频或者网页,但是用iframe标签引入视频最大的一个问题就是无法自适应高度,宽度不是什么大问题,只有我们在iframe标签中加入width ...
rem css calc,关于使用rem单位、css函数calc()进行自适应布局
一.关于css中的单位大家都知道在css中的单位,一般都包括有px,%,em等单位,另外css3新增加一个单位rem. 其中px,%等单位平时在传统布局当中使用的比较频繁,大家也比较熟悉,不过px单 ...
手机页面漂浮广告 html,网站底部漂浮广告电脑手机自适应代码纯CSS
网站底部漂浮广告电脑手机自适应代码纯CSS;废话少说直接上干货: HTML部分: 说明文字点击按钮 CSS样式部分: .margingT { margin-bottom: 80px; } .bott ...
关于使用rem单位，calc()进行自适应布局
关于css中的单位大家都知道在css中的单位,一般都包括有px,%,em等单位,另外css3新增加一个单位rem. 其中px,%等单位平时在传统布局当中使用的比较频繁,大家也比较熟悉,不过px单位在 ...
手机端页面自适应解决方案—rem布局
相信很多刚开始写移动端页面的同学都要面对页面自适应的问题,当然解决方案很多,比如:百分比布局,弹性布局flex(什么是flex),也都能获得不错的效果,这里主要介绍的是本人在实践中用的最顺手最简单的布 ...

页面自适应纯CSS，使用rem单位

页面自适应纯CSS，使用rem单位相关推荐

最新文章

热门文章