网页移动端的设计尺寸（网页移动端的设计尺寸是多少）
本文目录一览：
HTML5移动网页的设计稿尺寸应该是多少?
H5的尺寸一般设计为640x1136px 既满足了显示需求，又能降低用户加载图片需要的带宽。可以用各种分辨率的移动智能手机查看我们设计的H5页面时，当然，也会出现如下的情况，内容显示不全，甚至一些重要内容和按钮都会被遮挡。第一：背景图片必须采用background-size：cover；来实现。
经常在做移动端网站时，我们会听到一些人说原型稿屏宽做成320px，设计稿做2倍640px，网上也有很多文章说这样说，H5网页的设计稿做成2倍普通屏分辨率就行了。 这是一个历史遗留问题，这里提到的屏宽，更确切的说，是将viewport设置为width=device-width时的宽度，习惯称这个宽度为屏宽，也就是设备独立像素的宽度。
width=800height=480style=width：800px；height：480px/canvas 有两个地方可以设置尺寸，开发的时候，使用style外边的width和height。实际显示的时候，通过设置style中的width和height来适应各种分辨率。
移动端网页怎么设计尺寸
目前需设计的端口主要有：web端（即网页）、移动端（APP、小程序等移动设备）、IPAD（IPAD是一种移动设备，但也有自己特定的尺寸）、智能设备（例如智能电视、智能手表等等）。由于我更多接触的是web端和小程序端口，后面会以这两个为主。
可以通过这个测试页面来看看你的移动设备屏幕宽度，这是逻辑像素宽度。 以iPhone 5s为例，屏幕的分辨率是640×1136，倍率是2。浏览器会认为屏幕的分辨率是320×568，仍然是基准倍率的尺寸。所以在制作页面时，只需要按照基准倍率来就行了。无论什么样的屏幕，倍率是多少，都按逻辑像素尺寸来设计和开发页面。
主图尺寸：800*800像素（6张）详情页：PC端750px ，移动端640px。PC端首页宽度默认是990px，侧边栏790px、150px选项。全屏通栏是1920px。店招尺寸为1920*120px（也可以1920*150px）。详情页宽度默认为990px，也可以做成750px和790px（以前是这个尺寸）。
经常在做移动端网站时，我们会听到一些人说原型稿屏宽做成320px，设计稿做2倍640px，网上也有很多文章说这样说，H5网页的设计稿做成2倍普通屏分辨率就行了。这是一个历史遗留问题，这里提到的屏宽，更确切的说，是将viewport设置为width=device-width时的宽度，习惯称这个宽度为屏宽，也就是设备独立像素的宽度。
淘宝移动端banner的设计尺寸建议为
1、像素宽。淘宝移动端banner的设计尺寸建议为750像素宽，这样的尺寸可以适应各种移动设备的屏幕大小，并且在保持内容清晰可见的同时也能节省加载时间，高度可以根据具体需求来调整。
2、横幅广告的常见尺寸为7英寸长1英寸宽，或468×60像素左右，但尺寸在一定范围内可以有所变化。根据互动广告局（InteractiveAdvertisingBureau）的规范，468×60像素的尺寸被称为全横幅广告（FullBanner），234×60像素的称为半横幅广告（HalfBanner），120×240像素的称为垂直旗帜广告（VerticalBanner）。
3、网页的banner动画尺寸为468×60（完整banner），88×31（Logo），393×72（带纵向导航条的完整banner）以淘宝为例，淘宝官方规定，淘宝店铺logo尺寸是230x70像素以内，即宽度≤230像素，高度≤70，要求淘宝logo图片的格式为JPG、JPEG、PNG，不支持gif动画和bmp位图，文件大小30K以内。
4、PC端店招：宽度为950像素，高度不超过120像素，否则导航店招会展示异常；手机端店招：宽度750*580，大小400K左右，支持格式jpg、png。
