手机网页应该怎样设计?

 我来答
求真实验室
2022-11-17 · 探索生活中的科学奥秘
求真实验室
太平洋电脑网是专业IT门户网站,为用户和经销商提供IT资讯和行情报价,涉及电脑,手机,数码产品,软件等。
向TA提问
展开全部

步骤:

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编码。

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式