目前网站开发已经更多的转向移动端设计、制作，想询问一下移动端网页宽度多少合适？960px、640px、480px、320px？图片多少宽度适合？比如用640px的图片宽度设置为320px是否比较清晰？但是图片大小会较大是否合适？
回复内容：
我用的一个傻办法，rem
首先，只需要要求美术按照6plus的分辨率来设计和出图。
然后页面HTML元素设置font-size：100px，接着页面里任何需要设置尺寸的，都使用rem,因为我设定了font-size为100px，所以尺寸可以很容易的转换,比如10px=.1rem
html{font-size:100px;}
×{font-size:.14rem}
接着,页面启动需要一个js语句,用以获得当前屏幕分辨率跟设计稿分辨率的比例,乘以100,去设置html的font-size,这样页面所有实用rem的元素都将获得对应的尺寸.
设计稿如果以640为宽度
var scale = $('body').width() / 640;
$('html').css('font-size', 100 * scale + 'px');
页面启动执行一下就可以了,也可以在onsize事件里添加一份,这样页面发生变化,也会自动适应. 不谢邀，这种看需求和设计的事拿出来问有意义么？
才疏学浅，看不懂 @王崇悟写的东西有啥实际意义。
<meta name=viewport content=width=device-width, initial-scale=1, maximum-scale=1>
我在公司做了一年移动端开发了，设计给过来的视觉稿比较常见的有两个，640跟750。
建议你可以看看淘宝的flexible解决方案。
详见：
移动端高清、多屏适配方案
补充：
移动端适配方案浅析 制作了很长时间的wap站点，这个问题还是未有人来解答。我自己回答一下吧，如有不足望各位补充。
目前手机市场鱼龙混杂，高端如iPhone6 Plus，低端如Android 2.2（不是黑Android，确实如此），那么屏幕的分辨率也各式各样。经过长时间的摸索与实践，尤其各类微信活动开发过程中得到的经验，我在此分享给大家。
<head>部分引用：
<!--移动端版本兼容 --><script type=text/javascript>
var phoneWidth = parseInt(window.screen.width);
var phoneScale = phoneWidth/640;
var ua = navigator.userAgent;
if (/Android (\d+\.\d+)/.test(ua)){
var version = parseFloat(RegExp.$1);
if(version>2.3){
document.write('<meta name=viewport content=width=640, minimum-scale = '+phoneScale+', maximum-scale = '+phoneScale+', target-densitydpi=device-dpi>');
}else{
document.write('<meta name=viewport content=width=640, target-densitydpi=device-dpi>');
}
} else {
document.write('<meta name=viewport content=width=640, user-scalable=no, target-densitydpi=device-dpi>');
}</script><!--移动端版本兼容 end -->
vw和vh定义百分比即可，就是多了要算的步骤。 Viewport，图片width100%
2. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5. 如有链接无法下载、失效或广告，请联系管理员处理！
6. 本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
7. 如遇到加密压缩包，请使用WINRAR解压,如遇到无法解压的请联系管理员！
8. 精力有限，不少源码未能详细测试（解密），不能分辨部分源码是病毒还是误报，所以没有进行任何修改，大家使用前请进行甄别
9.本站默认解压密码为:www.sudo1.com
本站提供的一切软件、教程和内容信息仅限用于学习和研究目的。
不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站信息来自网络收集整理，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑或手机中彻底删除上述内容。
如果您喜欢该程序和内容，请支持正版，购买注册，得到更好的正版服务。
我们非常重视版权问题，如有侵权请邮件与我们联系处理。敬请谅解！
云资源网 » html移动端页面、图片多少宽度最合适？
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用？
- 本站所有资源版权均属于原作者所有，这里所提供资源均只能用于参考学习用，请勿直接商用。若由于商用引起版权纠纷，一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了？
- 你们有qq群吗怎么加入？
