HTML
PaddyWang_
用界面驱动你的欲望
展开
-
移动Web开发经验
移动Web开发viewport用于承载页面的视口,可以进行网页的缩放viewport(视口)就相当于一张照片纸,浏览器窗口就相当于一个相框,网页就相当于照片上的图案。viewport又不局限于浏览器可视区域的大小,它可能比浏览器的可视区域要大,也可能比浏览器的可视区域要小。在默认情况下,一般来讲,移动设备上的viewport都是要大于浏览器可视区域的,这是因为考虑到移动设备的分辨率相对于桌面电脑来说原创 2016-03-19 23:36:50 · 364 阅读 · 0 评论 -
rem简单实现移动端适配
rem:移动web开发 默认字体大小是16px 在<html>中设置字体大小 与em的区别:em是在父级设置字体大小受影响 移动端适配首先获取屏幕的宽度 计算当前屏幕宽度和640的比例 计算出font-size的值 改变html的font-size的值 <!DOCTYPE html> <html lang="en" style="font-size: 100px;"> <head> <me原创 2016-03-26 23:53:02 · 2028 阅读 · 0 评论 -
响应式布局
响应式布局响应式布局即一个页面可以兼容多种终端设备说白了就是页面随着屏幕尺寸的改变来自适应 移动Web开发与响应式布局比较:域名以 m. 开头 移动Web开发只适配于移动设备 一般采用百分比布局 一般是在已有PC端页面的基础上扩充 多采用通栏 较响应式布局来说开发成本低 屏幕尺寸 尺寸 设备 < 768px 超小屏幕 768px — 992px 小屏幕 992px — 12原创 2016-04-13 23:38:38 · 414 阅读 · 0 评论