手机页面切图有什么需要注意的地方么

[楔子]

比如高度也是用百分比么，还是要怎么样设置呢？字体大小的设置又是怎么样呢

[daswcszxw]

引用 3 楼 a403983161 的回复:

[quote=引用 2 楼 webyellow 的回复:] 1.图肯定根据UI切哦.至于你说的宽高,UI多少?原型多少? 2.字号大小,可以用EM哦. 3.如果都不懂,可以搜个实例做参考哦.

UI的是720*1800的。我是要怎么样分比例来切呢？[/quote]

@media screen and(max-width:600px){/*当前屏幕可视区域的宽度最大值是600像素*/
.a{background-color:#000;}
}
@media screen and(min-width:600px) and (max-width:900px){/*600-900之间*/
.a{background-color:#111;}
}
@media screen and(max-device-width:480px){/*哦,对,还有手机端最大480像素时这么写*/
.a{background-color:#222;}
}
/*
其他:
1.移动端还有纵向,横向两种模式...
2.还可以这样写外联
<link rel="stylesheet" media="screen and(max-width:600px)" href="1.css" />
*/

自己查一些资料吧.

[豪情]

https://github.com/jtyjty99999/mobileTech 99移动端知识集合 https://github.com/RubyLouvre/mobileTech 司徒正美移动知识集合 https://github.com/maxzhang/maxzhang.github.com/issues 移动浏览器开发集合 http://thx.github.io/mobile/debugging-in-mobile/ js移动调试 http://webix.com 支持移动端的框架 http://www.cnblogs.com/wanghaha/p/3155025.html 智能手机Web开发笔记 https://github.com/hoosin/mobile-web-favorites 移动开发大杂烩

[hucy555]

高度百分比一般不用设，设置宽度的百分比就好了，浏览器默认的字体是16px，如果你设的百分比为75%，则字体尺寸=16px*75%=12px

[daswcszxw]

1.图肯定根据UI切哦.至于你说的宽高,UI多少?原型多少? 2.字号大小,可以用EM哦. 3.如果都不懂,可以搜个实例做参考哦.

[楔子]

引用 2 楼 webyellow 的回复:

1.图肯定根据UI切哦.至于你说的宽高,UI多少?原型多少? 2.字号大小,可以用EM哦. 3.如果都不懂,可以搜个实例做参考哦.

UI的是720*1800的。我是要怎么样分比例来切呢？