A-A+

手机端知识笔记 by 小馋猫

2016年01月30日 日志 暂无评论 阅读 112 次

 

做手机和pc公用的页面,有一个比较好的习惯是从小屏做起,响应式也一样,从小屏做,你会省事不少
就是以小屏为基础哈利你可以试着做做手机页,布局上要比pc简单很多
比如说pc有左右浮动,但是手机没有,这时候先写手机就不用再清浮动了,哎呀,你去查查那个屏幕查询那个东西
,媒体查询12等份,跟删格没啥关系.
是写个固定宽度然后居中吗?比如写页面body宽度就320px
波波,可以写百分比,那不是更容易吗
一般来说,只有简单页面会用到响应式,不然代码冗余
给所有的都加一个固定百分比宽度的容器,然后居中
这个90%在768以下均可用
你手机打开一个页面,看到的样子是不是都是边上有留白的呀
如果给固定宽度,那320要给宽度,360也要给宽度,对不对
所以要给百分比
等你到pc页的时候固定都可以
因为PC也可以用百分比
但是这时候你可以加浮动了
如果先写pc了,加浮动了
那写手机的时候是不是要再清除浮动
那是不是就多写代码了?
移动端可以用浮动
但是你看手里页面的时候
是不是都是一竖列下来的呀
基本上看不到pc那种复杂布局吧
那用谷歌和火狐浏览器的那个模仿手机的测试就没问题是吧???
嗯,一般没问题
但是不准确
你可以传到手机里的
如果你是安卓机的话
直接把html文件拖到手机里
360可以拖整个文件夹
你公司不是有svn嘛,给你和地址,随便写呗,拖进去就能看

给我留言

Copyright © web前端技术开发个人博客 保留所有权利  京ICP备14060653号 Theme  Ality

用户登录