手机页面尺寸问题

[HelloBitches]

百度了一下，发现设计稿(PSD)大都是遵循640或者720的标准，但是这样的效果图出来后前端切图要怎么处理呢，真实的手机宽一般都是320，360，414这样的，设计稿的标准是640或者720的话，它里面的具体的元素(比如说按钮)的尺寸如果放到真实手机上肯定是看上去很大的，各位同行的朋友你们是怎么解决这种问题的呢

[HelloBitches]

还有就是字体大小怎么处理

[天际的海浪]

可以 <meta name="viewport" content="width=640"> 强制页面width为640

[根子的数据库]

按照百分比来 现在手机屏幕尺寸太多了 你可以设置一个最小的宽度min-width=320px;另外在设置一个最大的宽度max-width=640px;然后页面div宽度100%

[amber053]

切图的时候注意选择好设计稿的分辨率，有一些切图工具会自动生成不同分辨率的图片，在加载的时候自动加载相应分辨率的图片

[daydayUp.]

移动端先加入 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> ，然后特别注意，在你需要图片的地方 1.小图标，可以设置为标签背景，设置背景大小，标签大小 2.图片，display:block;width:100%,百分之多少你自己定