手机网页设计多大_手机端网页设计尺寸多少

1、手机端网页设计尺寸多少

iPhone手机网页的设计尺寸

iPhone5尺寸是640x1136px分辨率是326PPI
iPhone4和iPhone4S尺寸是640x960px分辨率是326PPI
iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px分辨率是163PPI

安卓网页的设计尺寸

320dp：一个普通的手机屏幕（240X320，320×480，480X800）
480dp：一个中间平板电脑像（480×800）
600dp：7寸平板电脑（600×1024）
720dp：10寸平板电脑（720×1280，800×1280）

ipad网页的设计尺寸

iPad第三代第四代尺寸是2048x1536px分辨率是264PPI
iPad第一代第二代尺寸是1024x768px分辨率是132PPI
iPad Mini尺寸是1024x768px分辨率是163PPI

2、网页美工，用ps设计，设置电脑网页尺寸，和手机网页尺寸分别是多少？谢谢！

网页尺寸：
淘宝是990（950）宽*任意高，要是自己或者企业的话，这个你随便定，一般宽度是在950-1200之间
手机尺寸：
淘宝620（480）宽*任意高，要是自己或者用其他软件的话请参考软件的要求。

3、手机版网页设计宽度问题

在那个变大的页面设置max-width、、然后根据窗口大小修改、、那个js和CSS要在需要的页面都在、不能放在CSS文件中、、详细请参考guxiannong.com

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

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

2、然后给DIV添加嵌套样式【.bg{width: 100%;height: 100%;background: #ff0000;}】并在DIV中引入bgCSS【<div class="bg"></div>】保存页面后可以看到此时div也撑满屏幕了。

3、为了方便观察，我们在添加一个不同颜色的DIV【<div class="content"></div>】并定义CSS【width: 10rem;height: 5rem;background: #ffea00;】。保存后网上滑屏，可以看到后添加的DIV也可以正常显示啦。

4、在浏览器开发者模式下，可以切换手机的型号，不同型号手机屏幕比例是不一样的哦，可以看到，从普通的16:9的屏幕切换到iphone7时，屏幕虽然变长了，但是下面的黄色div是不会显示出来的。

5、切换到最新的全面屏iphoneX时，依然是红色的div撑满全屏的。

6、上滑屏幕后才会看到下面的其他div模块，这样就可以实现想要的效果了。

5、有谁知道手机网页设计尺寸。

iPhone手机网页的设计尺寸
iPhone5尺寸是640x1136px分辨率是326PPI
iPhone4和iPhone4S尺寸是640x960px分辨率是326PPI
iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px分辨率是163PPI
安卓网页的设计尺寸
320dp：一个普通的手机屏幕（240X320，320×480，480X800）
480dp：一个中间平板电脑像（480×800）
600dp：7寸平板电脑（600×1024）
720dp：10寸平板电脑（720×1280，800×1280）
ipad网页的设计尺寸
iPad第三代第四代尺寸是2048x1536px分辨率是264PPI
iPad第一代第二代尺寸是1024x768px分辨率是132PPI
iPad Mini尺寸是1024x768px分辨率是163PPI
以上是移动端的尺寸，单独的如果某一个移动的网站的尺寸是没有的，因为移动网站的一半情况是按照%比的尺寸来自动适应屏幕的大小，或者也通过设置，iphone执行什么尺寸，安卓情况执行什么尺寸的。

6、设计手机网站时，一般宽度设计为多少像素?

手机网站最好是用百分比全屏自适用的方式做，那样不管手机是什么分辨率都可以使用。

一般android系统设计的时候可以使用320x480的分辨率进行设计。

苹果手机使用：640x960分辨率进行设计。

7、怎么制作html5网站页面让它适应电脑和手机的尺寸

媒体查询语法：
@media screen and (max-width:960px){...}
@media screen and (max-width:768px){...}
@media screen and (max-width:320px){...}
<link rel="stylesheet" media="screen and (orientation:portrait) and (min-width:800px),projection" href="800wide-portrait-screen.css" />
注意：1，媒体查询之间使用逗号隔开；2，在projection之后，没有and，也没有任何特性/值的组合。没有后续表达式，意味着只要是projection就满足条件。
@media screen and (max-device-width:400px){......}
@import url("~~.css") screen and (max-width:360px);
（@import方法会增加http请求，影响加载速度。）
媒体查询能检测的特性（最长用过的是设备的视口宽度(width)和屏幕宽度(device-width)）：
widht：视口宽度
height：视口高度
device-width：渲染表面的宽度（设备屏幕的宽度）
device-height：渲染表面的高度（设备屏幕的高度）
orientation：检查设备处于横向还是纵向。
aspect-ratio：基于视口宽度和高度的宽高比。(16:9的显示屏可以定义为aspect-ratio:16/9)
device-aspect-ratio:和aspect-ratio类似，基于设备渲染平面宽度和高度的宽高比。
color：每种颜色的位数。例：min-color：16会检测设备是否拥有16位颜色。
color-index：色板的颜色索引表中的颜色数。值必须是非负数。
monochrom：检测单色帧缓冲区中每像素所使用的位数。值必须是非负整数。
resolution：用来检测屏幕或打印机的分辨率，如min-resolution：300dpi。还可以接受每厘米像素点数的度量值，如min-resolution：118dpcm。
scan：电视机的扫描方式，值可设为progressive（逐行扫描）或interlace（隔行扫描）。如720p p表示逐行扫描。
grid：用来检测输出设备是网格设备还是位图设备。
在上述所有特性中，除scan和grid之外，都可以使用min和max前缀来创建一个查询范围。例如：
@import url("~~.css") screen and (min-width:200px) and (max-width:360px);这样~~.css只会引入视口宽度介于200px至360px的显示屏设备。
在样式表的开头位置设置样式，以便适应所有涉及，然后使用媒体查询来进一步重写响应的部分。例如，先针对大视口设计(用户大多数情况下使用鼠标)，将导航链接设计成简单的文字链接；然后再针对较小的视口，使用媒体查询重写这部分样式，为拇指一族提供更大点击区域。
使用多个独立的文件会增加http请求数量，建议在已有的样式表中追加媒体查询样式。（https://github.com/scottjehl/Respond）是为IE8及更低版本增加媒体查询支持的最快的js工具。
阻止移动浏览器自动调整页面大小：
在html的<head>中插入一个<meta>标签。<meta>标签中可以设置具体的宽度(如px)或者缩放比例(如2.0 设备实际尺寸的两倍)。例如：<meta name="viewport" content="initial-scale=2.0,width=device-width">
<meta>标签还可以控制页面可缩放的范围，下面的代码允许用户将页面最多放大至设备宽度的3倍，最小压缩至设备宽度的一半。<meta name="viewport" content="width=device-width,maximum-scale=3,minimum-scale=0.5">
还可以禁止用户缩放，不过缩放是一个重要的辅助功能，所以很少禁用。<meta name="viewport" content="initial-scale=1.0,user-scalable=no"> user-scalable=no即禁止缩放。
w3c正尝试使用@viewport声明，不用在<head>中添加<meta>，不过要使用私有前缀，如@-o-viewport{width:320px}
针对不同视口宽度修正设计：
首先在css中为平板设备增加媒体查询，数值ipad的视口宽度为768px（横向1024px）
@media screen and (max-width:768px){
#wrapper{
widht:768px;
}
#header,#footer,#nav {
width:748px;
}
}
=============================这只是一部分笔记===========
推荐一本书响应式Web设计：HTML5和CSS3实战.pdf

8、智能手机的网页设计尺寸多大为佳？

现在的手机网站设计大都会采用百分比，所以不用考虑这个问题了。因为不是所有手机的屏幕大小都是一样的。【Mcmore手机商城系统】采用行业先进的HTML5技术，与传统意义上的WAP手机商城不同，使你的手机网店更加接近手机APP界面，界面交互完美而且功能完善。http://www.mcmore.com/ydds/

9、网页设计标准字体大小为多少毫米？电脑显示器，包括手机的，最好还有画布画板的尺寸懂得给分

一般中文的字体大小是12px或者14px。随着显示器分辨率不断提高，12px的文字在大于1440*900的显示器里看起来会显得比较小，阅读起来不是很容易，所以现在网页设计里面用12px的已经比较少了，特别是文章正文部分，普遍都会用14px。13px的字体在IE6下面会有一点点显示上的bug，所以现在用得也不太多，不过随着IE6慢慢被淘汰，这个问题也不再是一个问题了。而对于标题栏的文字大小，没有特别的限制，视觉上感觉舒服就行。
字体大小代码：font-size:14px（字体大小14像素）
对于font-family，一般来说14px及以下大小的文字，应当设置为宋体，当然也可以设置为微软雅黑。不过在XP下默认是没有雅黑字体的，所以在css里面可以这样设置字体：
font-family:"Microsoft Yahei",simSun,Arial;
把几个字体用逗号隔开，如果系统没有第一种字体，就用第二种，如果没有第二种就用第三种，以此类推。

导航:首页 > 万维百科 > 手机网页设计多大

手机网页设计多大

与手机网页设计多大相关的知识