web-designerName
移动端web开发 rem布局方式 暑期实践项目 (好久之前做的 把它搬到github上做个收藏 ^_^)
项目介绍
-
布局方式采用了rem方式来进行适配
-
根据不同的设备,通过JS来计算html的fontSize
-
本项目纯展示作用,代码写的时候也没有考虑很多
-
当时觉得自己写出来这样的页面觉得很牛了(low) 现在看自己的代码还是不忍直视的 ~~~~
(function(){
var html = document.documentElement;
var width = html.getBoundingClientRect().width;
html.style.fontSize = width/15+'px';
})();
项目结构 /designerName/
├── css/ # css样式目录
├── html/ # 视图目录
├── img/ # 图片资源目录
├── js/ # js脚本目录
├── index.html # 项目首页
blogPage
-
接触web开发的第一个项目 没错踩的第一个坑~~~
-
用html5、css3 还原psd设计稿(国外的一个设计师设计的)
-
纯展示页面
├── css/ # css样式目录
├── html/ # 视图目录
├── img/ # 图片资源目录
├── js/ # js脚本目录
├── index.html # 项目首页
- 敢于尝试的你 其实已经进步了 ^_^