移动端网页设计尺寸_HTML5移动网页的设计稿尺寸应该是多少

1、制作网页电脑网页跟手机网页尺寸各多少

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

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

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模块，这样就可以实现想要的效果了。

3、移动端的h5页面的尺寸是多少

H5的尺寸一般设计为640x1136px

既满足了显示需求，又能降低用户加载图片需要的带宽。

可以用各种分辨率的移动智能手机查看我们设计的H5页面时，当然，也会出现如下的情况，内容显示不全，甚至一些重要内容和按钮都会被遮挡。

第一：背景图片必须采用background-size:cover;来实现。

第二：我们在进行H5页面内容规划布局设计的时候，不能把重要内容放在太偏下的位置或者偏上，否则前端布局时可能出现内容显示不全的情况。

(3)移动端网页设计尺寸扩展资料：

标准通用标记语言下的一个应用HTML标准自1999年12月发布的HTML4.01后，后继的HTML5和其它标准被束之高阁。

为了推动Web标准化运动的发展，一些公司联合起来，成立了一个叫做 Web Hypertext Application Technology Working Group （Web超文本应用技术工作组 -WHATWG）的组织。

WHATWG 致力于 Web 表单和应用程序，而W3C（World Wide Web Consortium，万维网联盟）专注于XHTML2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。

参考资料：网络－HTML5

4、网页设计合适的页面尺寸是多少

网页设计选用的分辨率是72像素，使用的画布尺寸1920px*1080px。但是并不意味着在整个画布上进行设计，一般采用全屏展示和两侧留白的方式。
全屏展示，是整个网站看起来大气一些，但是布局要合理安排，不然看起来有些傻大的感觉。
两侧留白是为了适配不同电脑屏幕的尺寸，能够确保网站只是电脑站的时候一些笔记本电脑也能显示全面网站的内容区域，内容限时区域在好控制在1000px-1200px。

5、移动端web在设计时宽度尺寸是多少合适？

首先说现象，大家都知道移动端设备屏幕尺寸非常多，碎片化严重。尤其是Android，你会听到很多种分辨率：480x800, 480x854, 540x960, 720x1280, 1080x1920，而且还有传说中的2K屏。近年来iPhone的碎片化也加剧了：640x960, 640x1136, 750x1334, 1242x2208。
不要被这些尺寸吓倒。实际上大部分的app和移动端网页，在各种尺寸的屏幕上都能正常显示。说明尺寸的问题一定有解决方法，而且有规律可循。
像素密度
要知道，屏幕是由很多像素点组成的。之前提到那么多种分辨率，都是手机屏幕的实际像素尺寸。比如480x800的屏幕，就是由800行、480列的像素点组成的。每个点发出不同颜色的光，构成我们所看到的画面。而手机屏幕的物理尺寸，和像素尺寸是不成比例的。最典型的例子，iPhone 3gs的屏幕像素是320x480，iPhone 4s的屏幕像素是640x960。刚好两倍，然而两款手机都是3.5英寸的。

6、移动端web在设计时宽度尺寸是多少合适

基本上都是640吧，高度由于是专题，可以不受限制的

7、移动页面尺寸

<div class="wrap">
<img src="img02.jpg" width="340" height="220" alt="" />
<a href="">按钮</a>
</div>
<style>
.wrap{position:relative;margin:0 auto; min-width:320px;width:100%;}
.wrap img{width:100%;height:auto;}
a{position: absolute;bottom:20px;right:20px;height:40px;padding:0 20px;line-height:40px;background:#A6DA32;color:#461DCD;}
</style>
在wrap设置相对定位position:relative;然后让按钮a绝对定位bottom:20px;right:20px;就可以了当然也可以用百分百bottom:10%;right:10%;意思就是相对于wrap的右边多少像素或者百分比,相对于下边多少像素或者百分比
如果你想更精确的区分移动端和pc端可以用响应式布局代码判断

/*PC*/
@media screen and (min-width:960px){
a{bottom:20px;right:20px;}
}

/*平板*/
@media screen and (min-width:600px) and (max-width:960px){

a{bottom:15px;right:15px;}
}

/*手机*/
@media screen and (max-width:600px){
a{bottom:10px;right:10px;}
}

在第一个里面写在宽度大于960时候所用的css
在第二个里面写想要在宽度大于600并且小于960时候所用的css
在第三个里面写你要在宽度小于600时候所用的css
意思是档浏览器大于960的时候a按钮的属性是bottom:20px;right:20px;
当你将浏览器拉小到960一下600以上的时候就使用bottom:15px;right:15px;
当浏览器小于600的时候a按钮的属性就是bottom:10px;right:10px;

当然如果想使用响应式布局必须声明页头的
<!DOCTYPE html>
和
<meta name="viewport" content="width=device-width, initial-scale=1.0">

8、手机网页UI设计尺寸是多少

这个不同手机尺寸不一样，比如
iphone3 320*480 iphone4 640 * 960
android 240*320 320* 480 480* 854 这些比较常用，还有一些其他分辨率
看你具体是针对什么手机做的了！

9、HTML5移动网页的设计稿尺寸应该是多少

HTML5的移动端网页设计稿，通常情况下，内容区为750px或960px或者1080px的，一般不小于750px像素大小（宽度）
设计稿可以比750px大，但是绝对不能比750px小，这个主要是由于当前手机的分辨率相对较高（iPhone 6是375物理像素，但实际像素为其两倍，也就是750，这个750就是这么来的）
如果设计图稿过小，前端在实现图稿的时候里面的图片大小在高分辨率的情况下会显得模糊不清，所以这也是为何要“大”分辨率
此外需要注意的是，要保证页面的基准字体大小，在320px的设计稿当中，最小字体不宜小于12像素，其他像素的设计稿当中，等比例换算即可（12/320px*设计稿像素值）

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

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

导航:首页 > 万维百科 > 移动端网页设计尺寸

移动端网页设计尺寸

与移动端网页设计尺寸相关的知识