手机页面设计

不同手机的浏览器默认分辩率是不一样的。iphone的宽度都是320px的。三星的有可能是480px或360px的宽度。你可以通过媒体查询设置在不同分辩率下字体的大小。123456789@media only screen and (min-width:320px){  body{font-size:11.5px!important}.viewport{max-width:320px}}@media only screen and (min-width:360px){  body{font-size:12.5px!important}.viewport{max-width:360px}}@media only screen and (min-width:480px){  body{font-size:16px!important}.viewport{max-width:480px}}三星GALAXY Note II也是如上的宽度吗？我还以为是1280px 所以就这个样子写的：@media screen and (max-device-width:1280px){.car_info li{font-size:18px;}}　 你看下这网站  screensiz.es/phone  它列出了一些常见设备的尺寸。note 2是360px的宽度。横屏的设备宽度应该就是按比例算是640px。

做手机网站的方法一下几种1、模板站，下载手机网站模板，然后将内容和PC站点通用，这样移动设备访问网站时就会自动转入到手机站的模板。你也可以解析一个m开头的域名作为手机站的域名，有利于搜索引擎抓取。2、自适应网站，这种网站不需要另做手机站，因为网站的自适应，会根据你使用的设备分辨率来调整网页的排版和内容显示。3、H5快速建站，现在有很多服务商支持H5快速建立手机网站，只需要你把内容上传，这些服务商就会将这个网站做出来，比较方便快捷，缺点就是免费的都有广告，而且不支持使用自己网站的域名。4、用代码写出来的手机站，这种网站就是属于静态网站，所有的内容都是通过代码写进去的，想要更改内容比较麻烦。优点就是一步到位，想要什么效果都能达到。5、手机直达页，这种可以说是一个网站，也可以说是一个网页，这种手机站比较适合推广使用，将所有企业的推送产品放在这个页面上，然后完美的展示出来，用户点击之后可以进入购买页面或者直接进入咨询页面，可以更有效的提高转化效果。

　　1　　首页　　首页顶部显示了自己的新浪微博昵称，直观自然，点击之后可以迅速查看分组内的关注人的微博。微博控们时刻将生活琐事、乐趣发表到微博，客户端顶部也开放了便捷入口，只需点击“编辑”按钮即可随时随地分享微博。点击界面顶部“位置”图标即可发现应用，直接拉近了社交距离，拓宽了交友圈。　　2　　消息　　消息界面顶部导航栏有四个分类：与我相关、评论、私信、通知。在“@”下可以对微博进行查看和操作，通过滑动屏幕可以切换导航标签，流畅自然。　　3　　好友　　好友界面顶部分类详细，初始显示了最近联系人，其他好友分组可以任意切换。点击“找朋友”后可以通过多种方式寻找好友，如摇一摇、通讯录、二维码等方式。个人资料也直观显示，点击可以进入个人主页。另外，可以通过搜索查找自己的好友。　　4　　广场　　微博广场对微博功能等以图片幻灯片的形式表现出来，此模块显示的大多是微博应用，有三屏显示界面。点击顶部搜索框可以快捷搜索微博、用户等。

　　你好，可以参考bootstrap http://v3.bootcss.com/css/#grid12345678/* 超小屏幕（手机，小于 768px） *//* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） *//* 小屏幕（平板，大于等于 768px） */@media (min-width: @screen-sm-min) { ... }/* 中等屏幕（桌面显示器，大于等于 992px） */@media (min-width: @screen-md-min) { ... }/* 大屏幕（大桌面显示器，大于等于 1200px） */@media (min-width: @screen-lg-min) { ... }　　希望可以帮助到你

320*640 640*480 480*800 800*600等等， 我之前做的手机网站用的是480*800的 ，作图的时候尺寸要求不是很严格，主要是切图的时候 宽度要自适应

一般的APP如果一整套算下来大概有10来个页面，报价一般在8000-10000的价格，含切图的哦。如果要求不高，或者界面页数不是很多，可以酌情减少一些报价。

这个不同手机尺寸不一样，比如iphone3 320*480 iphone4 640 * 960 android 240*320 320* 480 480* 854 这些比较常用，还有一些其他分辨率看你具体是针对什么手机做的了！ 哦 谢谢你啊 我就是想做一个手机网页的作品 现在就是分不清楚这尺寸问题好困扰我啊 呵呵 那意思就是说 我要做个安卓的 那分辨率是72 这些尺寸都可以用240*320 320* 480 480* 854 ？ 不是都可以用，是你针对多大屏幕的手机做的，那就用它相应的分辨率！ 如果只是做作品，不考虑兼容性，那就按照480的那个做吧，反正现在用大屏幕的手机的人多！

　　屏幕大小：指屏幕的物理尺寸，一般用屏幕对角线长度表示，单位英寸。如 5 英寸屏幕。1英寸 = 2.54 厘米。　　获知手机屏幕的大小主要有两种方法。注意，虽然提示为“主屏尺寸”，但目前一般的手机辅助类软件并不提供屏幕大小的查询，只提供屏幕分辨率的查询。　　方法一：去 ZOL 中关村在线查，输入手机型号搜索即可。（图中，1 处为屏幕大小，2 处为屏幕分辨率）　　方法二：用尺量屏幕对角线长度，然后换算成英寸（2.54厘米 = 1 英寸）。

这个不同手机尺寸不一样，比如iphone3 320*480 iphone4 640 * 960 android 240*320 320* 480 480* 854 这些比较常用，还有一些其他分辨率看你具体是针对什么手机做的了！还有详细的如下——iPhone界面尺寸：320*480、640*960、640*1136 iPad界面尺寸：1024*768、2048*1536 单位：像素72dpi在设计的时候并不是每个尺寸都要做一套，尺寸按自己的手机来设计，比较方便预览效果，一般用640*960或者640*1136的尺寸来设计。 Android界面尺寸：480*800、720*1280、1080*1920。[单位：像素] Android比iPhone的寸尺多了很多套，建议取用720*1280这个尺寸，这个尺寸720*1280中显示完美，在1080*1920中看起来比较清晰，切图后的图片文件大小也适中，应用的内存消耗也不会过高。 Ps：作图的时候确保都是用形状工具(快捷键：U)画的，这样更方便后期的切图或者尺寸变更。 但在UI设计的时候，通常会比正常想要的尺寸大两倍，然后前端制作页面的时候再缩小，如果等比例切图的话，这些小图标在手机上显示就会发...