zoukankan      html  css  js  c++  java
  • 手机端总结

    刚开始写的时候也不知道怎么写,然后百度,看淘宝的手机端,然后找到了一点门路,psd是按照750来做的,所以你得控制好比例。

    function initpage(){
    var baseSize = 75,
    baseWidth = 375,
    clientWidth=document.documentElement.clientWidth;
    if(clientWidth>=1080){
    clientWidth=1080;
    }
    var fontSize = (clientWidth / baseWidth * baseSize * 0.5 ).toFixed(2)/2;
    document.getElementsByTagName('html')[0].style.fontSize=fontSize+"px";
    }
    initpage();

    window.onresize=function(){
    initpage();
    }  //设置HTML的字体大小

    我是用rem+em+px+%做的,先设置html字体大小,因为rem单位是相对单位,相对于html,如果html的字体变大,rem的字体也跟着变大,更好的适应每个屏幕分辨率,但是偶尔还是需要加媒体查询,做手机端不能一直用rem单位,要结合px,百分比,em,单位,这样才能做的更好,比如给一个图片的宽和高用rem做单位的时候,你就会发现,有时候宽度和高度并不够,所以就需要结合px单位了。

    其他的就需要自己做项目经历到的问题了

  • 相关阅读:
    Node.js:工具模块
    Node.js:GET/POST请求
    shell之任务控制
    java实现杨辉三角系数
    java实现显示为树形
    java实现显示为树形
    java实现显示为树形
    java实现显示为树形
    java实现显示为树形
    java实现文件管理
  • 原文地址:https://www.cnblogs.com/liubu/p/9013050.html
Copyright © 2011-2022 走看看