手机页面怎么设计?

随着移动互联网的普及,越来越多的人关注移动网站,企业也越来越重视手机版网页制作很多人可能会认为移动网站和PC站是一样的,只要做到兼容就可以了,但这个想法是错误的,下面我们来看下移动网站的制作方法和注意事项一移动网站制作的方式 1移动网站的设计是完全独立的 移动网站的设计完全独立于PC。

手机中的字号一般上电脑中的两倍,一般在电脑中用的12px的字体在手机网页中就该使用24px在设计的过程中,也要使用iOS和安卓默认渲染的字体,以便更真实的还原真实环境在规范的专题中,主要字号控制在3个,大中小都有一个区间避免随意用字体字号,并且字号必须上整数4控件交互区域适合触控 手机。

步骤1点击文件新建文件常规HTML页面打开2如图所示,新建了一个空白的html页面,拆分视图 3设置页面body样式信息 webkittouchcallout webkittextsizeadjust 是防止用户复制和保存图片,只支持iphoneipadandroid 4设置页面的宽度和高度。

设计者应注意网页的页面大小不要超过20KB,页面如果太大会消耗用户更多的流量5注意屏幕规格 手机一般都可以用横屏和竖屏两种方式浏览网页,设计者应注意横向和纵向的区别设计两种规格的尺寸如何做好手机网页设计 1明确自己想在手机网站上展示哪些信息在手机网站制作之前应该明确自己想在手机网站上展示。