手机端的网页设计宽度(手机端的网页设计宽度是什么)

要根据不同手机不同的屏幕分辨率来规定尺寸一般做效果图主流都是做480*800来测试，iphone4或s就用640*960，但这个都只是效果图，真正开发还需要切图用点9来做屏幕适配常见手机显示屏分辨率96x65，96x96，128x96。

HTML5的移动端网页设计稿，通常情况下，内容区为750px或960px或者1080px的，一般不小于750px像素大小宽度设计稿可以比750px大，但是绝对不能比750px小，这个主要是由于当前手机的分辨率相对较高iPhone6是375物理像素。

1建议是640乘以960或者640乘以1008，制作的话建议用微客场景平台2用各种分辨率的移动智能手机查看我们设计的H5页面时，当然，也会出现内容显示不全，甚至一些重要内容和按钮都会被遮挡3背景图片必须采用背景覆盖来实现。

详情页宽度默认为990px，也可以做成750px和790px以前是这个尺寸，手机端详情页尺寸可以和PC端详情页一样主图尺寸默认为800*800px。

假设有邮件列表界面，我们不妨按照PC端网页设计的思路去想象3gs上只能显示45行左右，4s上可以显示910行，每行都变得特别宽但是这两款手机实际上是一样大的如果这样显示，在3gs上效果刚好，会小到在4s上看不清字 实际上，这。

wap页面设计一般都是宽度自适应的，最窄以兼容320px为标准，最宽1280px为标准，一般的智能手机宽度都是320，480，640这些，其中iPhone就不用说了吧，必须是480px，其他三星啊，htc啊什么的，各类分辨率都有，基本不会比480。

手机端网站的话，基本我们设计是按照750px宽度来做，高度不限，设计好，标注切图给前端就可以了前端会按照标注来做适配，这样所有屏幕大小手机打开也能自适应希望可以帮到你。

网页尺寸自己或者企业的话，这个你随便定，一般宽度是在9501200之间 手机尺寸620480宽*任意高，要是自己或者用其他软件的话请参考软件的要求。

1如果是比较复杂的页面，我们只需要第一屏撑满全屏，可以使用此方法单独定义html和body的样式html，bodywidth100%height100%2然后给DIV添加嵌套样式bgwidth 100%height 100%background #。

不要被这些尺寸吓倒实际上大部分的app和移动端网页，在各种尺寸的屏幕上都能正常显示说明尺寸的问题一定有解决方法，而且有规律可循像素密度 要知道，屏幕是由很多像素点组成的之前提到那么多种分辨率，都是手机屏幕的。

假设有个邮件列表界面，我们不妨按照PC端网页设计的思维来想象3gs上大概只能显示45行，4s就能显示910行，而且每行会变得特别宽但两款手机其实是一样大的如果照这种方式显示，3gs上刚刚好的效果，在4s上就会小到根本看不清字。

比如iphone手机版的网页iPad版的网页等等，我们应该为使用移动设备浏览网页的客户提供完美的页面排版所以，未来市场的网页宽度将不仅仅是往大的方向发展，也同时会向小的方向延伸。

总结 移动端的尺寸比PC端复杂，关键就在倍率但也正因为倍率的存在，把大大小小的屏幕拉回到同一水平线，得以保证一套设计适应各种屏幕站在这条水平线的角度看，会发现它很好理解手机端页面尺寸怎样设计看过了以上文章。

手机端网页就没有统一标准了，比较流行的做法是按照iPhone 5的尺寸来设计倍率2，逻辑像素320x568 这样的做法比较实在，倍率2的屏幕无论在iOS还是Android方面都是主流，而且又是2倍屏幕中逻辑像素最小的所以图片的尺寸可以保持在较小的。

3随着现在宽屏时代的到来，1024也慢慢被淘汰了，现在都是大屏时代，基本上，从设计网页的角度来看，在PHOTOSHOP上，宽为960像素最为合适4随现在浏览的工具越来越多，包括手机IPAD等，出现了自适应的网页设计功能。