这几天工作的总结，（手机前端

手机前端的准备工作

html配置

<!doctype html>
<html>
<head><meta charset="utf-8"><title>xxxxx移动端</title><meta name="viewport" content="width=device-width, initial-scale=1 user-scalable=0"><link rel="stylesheet" href="css/help2.css"><script type="text/javascript" src="js/jquery-1.11.1.min.js"></script><script type="text/javascript" src="js/help2.js"></script><script>//通过window.screen.width获取屏幕的宽度var offWidth = window.screen.width / 25; //这里用宽度/25表示1rem取得的px
        document.getElementsByTagName("html")[0].style.fontSize = offWidth + 'px'; //把rem的值复制给顶级标签html的font-size</script>
</head>
<body>

css配置

*{padding: 0;margin: 0;list-style: none;background-position: center;background-repeat: no-repeat;background-size: contain;font-family: "微软雅黑";
}
body{background-color: #f1f1f1;
}
a{text-decoration: none;color: inherit;
}.clear{clear: both;}

关于单位，移动端以1rem 表示30px，一般以750px表示最大宽度，所以，移动端的最大宽度 = 750/30 即25rem

关于移动端开发与网页端的不同：

　　1，单位换算

　　　　如果字体不设置font-size = xxxrem ，会显得非常小

　　　　rem一般可以使用三位小数

开发移动端的注意事项：

　　1，div设置了margin-top:xxrem,父元素也跟着跑，这是由于div的第一个元素假传圣旨，把父类的margin-top也同步了，这种情况设置父类元素的padding-top即可

转载于:https://www.cnblogs.com/cl94/p/10447817.html

这几天工作的总结，（手机前端相关推荐

web前端开发工作描述_2019年前端开发前景如何？前端开发会被淘汰吗？
近十年以来,IT行业发展火热,衍生了很多新职业,例如UI设计师.开发工程师.软件测试工程师等等,在众多备受瞩目的新生职业中,Web前端工程师是其中的一员. Web前端在IT行业真正受到重视大概也就六七 ...
vconsole插件_手机前端开发调试利器 – vConsole
我们在开发手机版网页的时候,常常会出现下面的情景: (1) 开发时,在自己电脑上运行得好好的,在手机上打开就挂了,但是手机上又看不到error log: (2) 上线后,某用户表示页面失灵,但我们自己 ...
8个提高工作效率的Web前端开发框架总结
今天要跟大家分享的文章是关于8个提高工作效率的web前端开发框架总结.着互联网的推进我们可以寻找到各种高效资源,比如我们设计网站.小程序和公众号开发的时候,前端设计并不需要我们太多的自主设计,我们可以 ...
工作六年的前端开发在想什么
今年是工作的第六个年头,从事专职前端开发也有四年多了.先后换过两家公司,从后台开发逐渐转到专职Web前端. 一开始我是微软.Net阵营的开发者,这源于大学时代的偏好.那个时候,在Windows平台上开 ...
日程安排、记录时间管理、提高工作学习效率的手机便签APP推荐
吃饭.睡觉.玩手机可以概括现代人的生活,手机不在身边跟魂丢了一样.其实,对于职场人来说,手机也是重要的办公工具.不在办公电脑旁边的时候,就需要在手机上办公了.在手机上用的.协助办公的软件有很多,包括可 ...
考研还是直接工作？嵌入式or前端
点击上方蓝字关注「中产之路」星友提问: 回答: 1.研究生(09-12年)时期学过嵌入式,玩过开发板.弄过BSP.Vxworks.FPGA,写过C/C++,VHDL.Verilog. 板子是实验室师 ...
一位工作10年的前端总结的10个忠告
最近在知乎看到这样一个问题:"作为IT行业的过来人,你有什么话想对后辈说的?" 笔者作为一位工作10年的老前端,忍不住也答了一波,为前端的朋友们总结了10条"走心&quo ...
找工作前练手前端项目实战2
这篇文章千锋长沙前端培训机构整理了10个前端实战项目,大家可以从当中选择自己想做的项目进行参考学习练手,你也可以从中寻找灵感去做自己的项目. 1.仿小米电商网站:本项目是基于原生JavaScript等 ...
工作中常用的前端知识总结
1.使用css写出一个三角形角标元素宽高设置为0,通过border属性来设置,让其它三个方向的border颜色为透明或者和背景色保持一致,剩余一条border的颜色设置为需要的颜色. div {wi ...

这几天工作的总结，（手机前端

这几天工作的总结，（手机前端相关推荐

最新文章

热门文章