不同手机的网页设计（不同手机的页面）

本文目录一览：

• 1、手机版网站与PC端网站有什么区别
• 2、做手机网页要考虑哪几种尺寸呀
• 3、手机端网页设计尺寸多少
• 4、手机网页宽度如何设计手机网页宽度如何设计的

手机版网站与PC端网站有什么区别

1、手机网站的类型不同。手机网站一般分为两种类型即：wap网站和APP网站。wap网站无需安装客户端软件即可访问，而APP网站需要安装客户端才可以访问。目前较为流行手机网站一般常指wap网站。

2、分辨显示率不同，电脑屏幕尺寸要比手机屏幕尺寸大的多，所以在网站界面设计上就会不一样，手机网站版面相对要窄一点，字体尺寸一般会使用大一点。风格特点不同 PC网站和手机网站风格有“详”与“简”的区别。

3、第一，访问入口不同 这是最明显的区别之处。用PC机上网的人至少应该有台PC电脑，一般会选择在网吧或者家庭电脑，公司电脑上网。但是由于手机的普及和手机上网应 用的越来越便捷化，人们对手机上网的频率也越来越高。

4、从这几方面区别：手机网站界面风格 移动网站页面风格整体强调统一，这种需要保持网站在设计风格中采用色彩搭配。界面整洁和简洁，让网站整体看起来赏心悦目。网站导航功能简单明了，还有就是做好网站在移动端的兼容性问题。

做手机网页要考虑哪几种尺寸呀

如果是用PS做设计稿就用750*1334，如果是用SKetch或者XD来设计，常见是用1倍尺寸来说，也就是375*667或者375*812（iPhoneX）。

Android的最小点击区域尺寸是48x48dp，也就是说在xhdpi设备上，按键尺寸至少是96x96px。在xxhdpi设备上，它是144x144px。 无论画布设置多大，我们设计的都是基准放大的界面风格，开发者需要的单位都是逻辑像素。

而手机屏幕的物理尺寸，和像素尺寸是不成比例的。最典型的例子，iPhone 3gs的屏幕像素是320×480，iPhone 4s的屏幕像素是640×960。刚好两倍，然而两款手机都是5英寸的。

.左漂浮，尺寸80×80或100×100 1右漂浮，尺寸80×80或100×100 以上几种说法可能有点小的出入，大家可以探讨一下。

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

手机端网页设计尺寸多少

1、已经有了很大改变，不需要担心设备尺寸不同的问题，以目前主流形式来看，有以下pc端网页设计pc端网页的设计稿尺寸是宽度1920px，高度最小是1080px ， 主体内容在1200px内就行，比较规范。

2、手机网页没有统一的标准。比较流行的方式是按照iPhone5的尺寸来设计它们。2，逻辑像素320x568。 这种方法更现实。放大2倍的屏幕在iOS和Android都是主流，在放大2倍的屏幕中逻辑像素最小。

3、pc端网版页的设计稿尺寸是宽度1920px，高度最小是1080px，主体内容在权1200px内就行，比较规范。移动端网页的设计尺寸可以考虑680px和720px。

手机网页宽度如何设计手机网页宽度如何设计的

第一步，在手机中点开设置页面，向下滑动找到手机显示选项，点击进入后，可以看到显示的各种分项选择。第二步，在分项选择中找到手机屏幕宽度，手动将宽度调节成正常。

如果是比较复杂的页面，我们只需要第一屏撑满全屏，可以使用此方法。单独定义html和body的样式。【html，body{width：100%；height：100%；}】。

*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。1024*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612-615之间.就不会出现水平滚动条和垂直滚动条。

问题一：网页要让它自适应各种手机屏幕宽度大小要怎么设置？ 100分 首先，在网页代码的头部，加入一行viewport元标签。

从设计方面来看，做手机界面设计的尺寸一般分为iPhone和Android两种设备。

设计者应注意网页的页面大小不要超过20KB，页面如果太大会消耗用户更多的流量。注意屏幕规格 手机一般都可以用横屏和竖屏两种方式浏览网页，设计者应注意横向和纵向的区别设计两种规格的尺寸。