在手机上制作自己的网页的方法

一、工具/原料

html页面

vs2008

二、方法/步骤

1、打开vs2008了。点击【文件】【新建文件】【常规】【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、在段落标记

里面输入文字信息,这里就不排版了,主要是教大家方法,然后保存网页。

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

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

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

10、完整代码。

【   

                     不落泪的 不落泪的

更多推荐

手机上网页是html,如何在手机上制作自己的网页