手机网页应该怎样设计?

如题所述

步骤:

1、点击【文件】【新建文件】【常规】【HTML页面】【打开】

2、如图所示,新建了一个空白的html页面,拆分视图

3、设置页面body样式信息

【-webkit-touch-callout: none; -webkit-text-size-adjust: none;】

是防止用户复制和保存图片,只支持iphone、ipad、android

4、设置页面的宽度和高度

【.page-content{background:-webkit-linear-gradient(#2F5A53,#6CA199); top:352px; min-height:550px;_height:550px;width:640px; }】

5、【关键点】

新建一个div标签,样式使用page-content

6、在段落标记<p>里面输入文字信息,这里天使就不排版了,主要是教大家方法,然后保存网页。

7、将网页上传到服务器目录下

8、输入网站域名,在电脑上访问可以看见效果,只有左侧部分

9、使用手机访问,得到如图所示效果,就不会像直接书写html代码一样文字很小

手机网站网页设计应该注意什么问题:

1、网页宽度不用像素表示,用百分比表示(如:width=100%);

2、左间距、上间距设为0;

3、屏蔽图片显示;

4、charset使用UTF-8编码(国际化编码),不使用gb2312编码。

温馨提示:答案为网友推荐,仅供参考