手机html设计规范,终于晓得手机网站设计尺寸规范

你知道移动端网页设计尺寸是多少吗？下面就随小编来了解一下吧。

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

网站设计尺寸标准

1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。

2、1024*768下，网页宽度保持在1002以内，如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。(在dw里面有设定好的标准值, 1024*768页面的标准大小是955*600,照着它的尺寸做就行了)

3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右

4、在PS里做的图到了网上就不一样了，颜色等等方面，因为WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广，所以自然会有失色的现象.

页面标准按800*600分辨率制作，实际尺寸为778*434px

页面长度原则上不超过3屏，宽度不超过1屏

每个标准页面为A4幅面大小，即8.5X11英寸

全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px

另外120*90，120*60也是小图标的标准尺寸

每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K

网页广告标准尺寸规格

1、120*120，这种广告规格适用于产品或新闻照片展示。

2、120*60，这种广告规格主要用于做LOGO使用。

3、120*90，主要应用于产品演示或大型LOGO。

4、125*125，这种规格适于表现照片效果的图像广告。

5、234*60，这种规格适用于框架或左右形式主页的广告链接。

6、392*72，主要用于有较多图片展示的广告条，用于页眉或页脚。

7、468*60，应用最为广泛的广告条尺寸，用于页眉或页脚。

8、88*31，主要用于网页链接，或网站小型LOGO。

手机html设计规范,终于晓得手机网站设计尺寸规范相关推荐

web网页、手机app设计规范
网页设计规范新建ps文件时,宽度为1920.单位为像素.颜色模式为rgb.高度自定义: 一.网页设计尺寸制作网页时我们选用的分辨率是72像素/英寸,使用的画布尺寸1920px*1080px.但并不 ...
pc 图片预览放大端vue_企业为什么需要建设PC+手机微信三合一全网营销的网站呢...
随着信息时代的发展,手机一步步的进入了我们的生活,渐渐的有很多东西都在从pc端过渡到手机端,我们在网购的时候会发现一系列的活动,比如说下载手机客户端就能免减多少钱或者抽奖这样的活动,这样在一定的程度上 ...
鸿蒙os吃内存吗,终于上手机！华为鸿蒙 OS 2.0 系统：128KB 内存就能跑
终于上手机!华为鸿蒙 OS 2.0 系统:128KB 内存就能跑 2020-09-11 10:51:48 0点赞 0收藏 0评论 9月11日消息,华为昨天下午在东莞松山湖举办了全球开发者大会,本次大会 ...
验证码短信接口可以广泛应用在网站会员手机验证、APP应用手机验证、订单通知、物流提醒等触发类短信应用。
应用范围验证码短信接口可以广泛应用在网站会员手机验证.APP应用手机验证.订单通知.物流提醒等触发类短信应用. 手机短信验证码技术实现 1.用户填写自己的手机号码,点击"获取验证码&quo ...
电脑手机模拟器模拟手机浏览器，在线浏览手机网站
很多手机网站都通过User-Agent来判断当前访问客的浏览器类型,如果是3G智能手机,显示手机版页面内容,如果是电脑浏览器,显示普通电脑版网页内容. 谷歌Chrome电脑浏览器,可以很方便地用来当3 ...
我的V360i手机软件、游戏以及手机网站等
我的V360i手机软件.游戏以及手机网站等作者:辛晶晶日期:2006-11-27 字体大小: 小中大在手机论坛下载了几个软件和游戏移动英汉双向词典.列车时刻表: 打砖块.极品飞车2.雷电. ...
网站自动识别手机访问跳转至手机网站
如何让用户输入wap手机网站的网址时自动跳转到wap网站 ? wap页面自动跳转的实现方式 ? 如何判断访客是否是移动设备访问,自动跳转到wap页面 ? 手机自动跳转到手机页面,一个网址区分普通访问与 ...
鸿蒙系统和魅族手机,终于有手机厂商接入鸿蒙系统了！
原标题:终于有手机厂商接入鸿蒙系统了! 今天,微博"魅族智享生活"发布消息:你好,鸿蒙,一起拥抱全场景智能生活.业界纷纷认为,这代表魅族正式宣布接入鸿蒙系统. 魅族手机沦为市场ot ...
手机厂商用鸿蒙系统,终于有手机厂商接入鸿蒙系统了！
原标题:终于有手机厂商接入鸿蒙系统了! 今天,微博"魅族智享生活"发布消息:你好,鸿蒙,一起拥抱全场景智能生活.业界纷纷认为,这代表魅族正式宣布接入鸿蒙系统. 魅族手机沦为市场ot ...
国内有哪些公司参与鸿蒙系统,终于有手机厂商接入鸿蒙系统了！
今天,微博"魅族智享生活"发布消息:你好,鸿蒙,一起拥抱全场景智能生活.业界纷纷认为,这代表魅族正式宣布接入鸿蒙系统. 打开APP,查看更多精彩图片魅族手机沦为市场others, ...

手机html设计规范,终于晓得手机网站设计尺寸规范

手机html设计规范,终于晓得手机网站设计尺寸规范相关推荐

最新文章

热门文章