最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

rem的用法_html/css_WEB-ITnose

来源:动视网 责编:小采 时间:2020-11-27 16:12:34
文档

rem的用法_html/css_WEB-ITnose

rem的用法_html/css_WEB-ITnose:rem 是css3中的属性,ie8下不兼容。rem是相对于根元素 这就意味着我们只需要在 根目录加入以下css代码。 默认单位为16px,我们需要在用rem的时候除以16 就是rem的值。 比如字体是20px, 20÷16 = 1.25rem即可。 @media only
推荐度:
导读rem的用法_html/css_WEB-ITnose:rem 是css3中的属性,ie8下不兼容。rem是相对于根元素 这就意味着我们只需要在 根目录加入以下css代码。 默认单位为16px,我们需要在用rem的时候除以16 就是rem的值。 比如字体是20px, 20÷16 = 1.25rem即可。 @media only


rem 是css3中的属性,ie8下不兼容。
rem是相对于根元素 这就意味着我们只需要在 根目录加入以下css代码。 默认单位为16px,我们需要在用rem的时候除以16 就是rem的值。 比如字体是20px,

20÷16 = 1.25rem即可。

@media only screen and (max-width: 320px) { html { font-size: 16px; }}@media only screen and (min-width: 321px) and (max-width: 360px) { html { font-size: 18px; }}@media only screen and (min-width: 361px) and (max-width: 375px) { html { font-size: 18.75px; }}@media only screen and (min-width: 376px) and (max-width: 384px) { html { font-size: 19px; }}@media only screen and (min-width: 385px) and (max-width: 413px) { html { font-size: 19px; }}@media only screen and (min-width: 414px) and (max-width: 480px) { html { font-size: 20.7px; }}@media only screen and (min-width: 481px) and (max-width: 540px) { html { font-size: 27px; }}

推荐前端交流群: 群号:339840649; 群名称:html5/css3/js/jq/nodejs/div 欢迎加入~
点击加入:

扫码加入:

文档

rem的用法_html/css_WEB-ITnose

rem的用法_html/css_WEB-ITnose:rem 是css3中的属性,ie8下不兼容。rem是相对于根元素 这就意味着我们只需要在 根目录加入以下css代码。 默认单位为16px,我们需要在用rem的时候除以16 就是rem的值。 比如字体是20px, 20÷16 = 1.25rem即可。 @media only
推荐度:
标签: 使用 css rem
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top