专栏首页知道一点点移动端兼容适配js+css全局样式

移动端兼容适配js+css全局样式

这是研究了淘宝和拉钩以及网易的兼容全局样式后,提取的兼容样式,经过实战可用

css全局样式

@media screen and (max-width:321px){
    body,html{font-size:15px}
}

@media screen and (min-width:321px) and (max-width:400px){
    body,html{font-size:16px}
}

@media screen and (min-width:400px){
    body,html{font-size:18px}
}

js全局样式
1.当设计稿是750px的时候,设置值为3.75时:
  1px=0.01rem;
全局用的时rem单位
var deviceWidth = document.documentElement.clientWidth;
if(deviceWidth > 750) deviceWidth = 750;
document.documentElement.style.fontSize = deviceWidth / 3.75+ 'px';

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 实现文字底部居中

    用户3055976
  • CSS3 基础知识[转载minsong的博客]

    CSS3 基础知识 1.边框     1.1 圆角  border-radius:5px 0 0 5px;     1.2 阴影  box-shadow:2px...

    用户3055976
  • 移动端的公共样式库

    用户3055976
  • 零碎笔记:移动Web特别样式处理

    高清图片跟我们平时下的那种电影高清图片是不一样的,移动Web的高清图片的概念是我这张图这么大,清晰度这么多,那么我们在移动设备上就该展示这么清晰。那么为什么会产...

    Dunizb
  • 滚动条下拉时 table 的thead 固定在网页固定在顶部不动

    week
  • 个人信息页面网页

    王凡汎
  • VUE开发一个组件——Vue PC城市选择控件

    前面用vue开发了三四个组件了,都是H5的,现在来看看PC是如何玩转组件的?其实和H5相同,样式不同而已。

    Javanx
  • 2018-09-11 Svn升级Git不需要那么痛URL that points to a project root(may be the same as Subversion repository

    一. 介绍 SubGit是用java语言编写的。SubGit是一种subversion与git代码库之间双向同步工具。如何在本地subversion版本库上安...

    Albert陈凯
  • 博客园 主题自定义美化

    在浏览器中直接打开https://files.cnblogs.com/files/JetpropelledSnake/cnblogs.css,然后按ctrl +...

    Jetpropelledsnake21
  • css实现悬浮效果的阴影

    祈澈菇凉

扫码关注云+社区

领取腾讯云代金券