resset-rem.css

@charset "utf-8";
/*=========================Reset_start==========================*/
body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ol,ul,li,form,table,th,td,a,img,span,strong,var,em,input,textarea,select,option{margin: 0; padding: 0;}
html,body{font-family:"微软雅黑","宋体",Arail,Tabhoma;text-align: left;}
ul,ol{list-style: none;}
img{border: 0 none;}
input,select,textarea{outline:0;}
textarea{resize:none; overflow: auto;}
table{border-collapse: collapse; border-spacing: 0;}
th,strong,var,em{font-weight: normal; font-style: normal;}
a{text-decoration: none;}/*==========================Reset_End===========================*/@charset "utf-8";html {font-size:32px;
}
@media only screen and (min-width: 320px){html {font-size: 32px !important;}
}@media only screen and (min-width: 360px){html {font-size: 36px !important;}
}
@media only screen and (min-width: 375px){html {font-size: 37.5px !important;}
}
@media only screen and (min-width: 384px){html {font-size: 38.4px !important;}
}
@media only screen and (min-width: 411px){html {font-size: 41.1px !important;}
}
@media only screen and (min-width: 412px){html {font-size: 41.2px !important;}
}
@media only screen and (min-width: 414px){html {font-size: 41.4px !important;}
}
@media only screen and (min-width: 481px){html {font-size: 48.1px !important;}
}@media only screen and (min-width: 540px){html {font-size: 54px !important;}
}
@media only screen and (min-width: 600px){html {font-size: 60px !important;}/* body{max-width: 600px;} */}@media only screen and (min-width: 768px){html {font-size: 76.8px !important;}/* body{max-width: 600px;} */}@media only screen and (min-width: 1024px){html {font-size: 102.4px !important;}body{max-width: 1024px;}}/*//媒体查询改变根元素的字体大小*/

resset-rem.css相关推荐

css pc和mobile,初识pc端和mobile端CSS适配利器—vw+rem+CSS locks
前言大概五月份的时候,我下定决心写自己的博客系统,于是断断续续花了近一个月的时间琢磨Nestjs,写完了接口部分.六月份因为工作的原因就搁置了,说来也惭愧,直到九月中旬,才将它拾起.半个月后,后台部 ...
rem css calc,关于使用rem单位、css函数calc()进行自适应布局
一.关于css中的单位大家都知道在css中的单位,一般都包括有px,%,em等单位,另外css3新增加一个单位rem. 其中px,%等单位平时在传统布局当中使用的比较频繁,大家也比较熟悉,不过px单 ...
css自动转rem,css之px自动转rem—“懒人”必备
作为一名前端开发,尤其是在做移动端适配时,rem是我们经常用到的单位,它的好处大家可以自行搜索,网上已经有很多了. 但是我们再将设计稿上的px转换成rem时,得手动的去计算,这是一个很耗时.费力的过程 ...
前端笔记(Html+CSS+JS+DOM+网页特效+jQuery+HTML5+CSS3+canvas 标签+web开发重难点+面向对象+AJAX)
第1章Html Html:超级文本标记语言(HyperText Markup Language),在浏览器上运行的一种标记语言. 就是给文本加上含有语义的标签. 接下来应该学习更多具体语义标签: 一. ...
HTML和CSS学习
转自: https://blog.csdn.net/qq_36368586/article/details/53241857 第一部分 HTML 第一章职业规划和前景 web前端开发工程师 web网 ...
HTML+CSS基础（转载）
第一部分 HTML 第一章职业规划和前景职业方向规划定位: web前端开发工程师 web网站架构师自己创业转岗管理或其他 web前端开发的前景展望: 未来IT行业企业需求最多的人才结合最新的 ...
css 网页自适应方案大屏自适应方案
自适应需要解决的问题屏幕像素大小不同,统一表现画面比例不同,统一表现浏览器字体最小限制,不可能无限等比缩小自适应不成功的表现: 4. 画面出现拉伸压缩 5. 文字内容显示异常 6. 画面出现空 ...
calc() 工作原理
CSS3 calc() 函数允许我们在声明 CSS 属性值时执行以下计算,也就数学运算(+.-.*./). 例如,我们不必声明元素宽度的静态像素值,我们可以使用 calc() 来指定宽度是两个或多个数 ...
python笔记 - urllib模块（二十一）
urllib库用于操作网页 URL,并对网页的内容进行抓取处理包含以下模块: urllib.request 打开和读取URL urllib.error 包含urllib.request抛出的异常 u ...
postcss-pxtorem使用方式
移动端开发项目的时候单位为rem,一般常使用postcss-pxtorem 将px转化为rem. [1] postcss-pxtorem 是postcss的插件,可以不用自己计算rem的值,直接按照设 ...

resset-rem.css

resset-rem.css相关推荐

最新文章

热门文章