手机如何制作网页
怎么把一个pc页面自适应手机屏幕，自适应手机屏幕网站怎么做吗
无论是电脑还是手机，要做到自适应屏幕，其实都是一样的。 首先，在网页代码的头部，加入一行viewport标签 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" /> viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。即让viewport的宽度等于物理设备上的真实分辨率，不允许用户缩放。 其次：网页宽度css一定要使用百分比width: xx%;，不能用绝对像素。当然可以用width:auto; 第三，流动布局 .left{float: left;width: ***%;} 第四，选择加载css 这是自适应的关键部分 .abc{ height:300px; border:1px solid #000; margin:0 auto} @media screen and (min-width: 1201px) { .abc {width: 1200px} } /* 设置了浏览器宽度不小于1201px时 abc 显示1200px宽度 */ @media screen and (max-width: 1200px) { .abc {width: 900px} } /* 设置了浏览器宽度不大于1200px时 abc 显示900px宽度 */ @media screen and (max-width: 901px) { .abc {width: 200px;} } /* 设置了浏览器宽度不大于901px时 abc 显示200px宽度 */ @media screen and (max-width: 500px) { .abc {width: 100px;} } /* 设置了浏览器宽度不大于500px时 abc 显示100px宽度 */ 需要注意是CSS代码顺序，由大到小排版CSS（判断浏览器宽度越大越放前），这样是因为逻辑关系，@media 判断CSS排错将导致判断失效。 第四，图片自适应 img { max-width: 100%;} 老版本的IE不支持max-width，所以只好写成：img { width: 100%; } 筚五、采用相对字体大小 字体也不能使用绝对大小（px），而只能使用相对大小（em）。 这里最重要的，是第三条和第四条，也就是采用流动布局和css选择加载。祝你好运！别拿些复制的过来
css手机版页面制作时如何让背景图片适应div的高度和宽度
可以使用background-size: cover来适应DIV元素的高度和亮度。代码如下：<style>
div{background:url(图片地址) no-repeat;width:100%;height:auto;background-size:cover;}
</style>
<div>这里是内容</div>background-size 属性规定背景图像的尺寸,IE9+、Firefox 4+、Opera、Chrome 以及 Safari 5+ 支持 background-size 属性。
电脑dw制作的网页发送到手机中该如何观看
有多种查看方式：1 使用手机浏览器查看。将网页保存到SD卡中，用浏览器打开就可以了。2 使用邮箱打开。将网页邮件发送到自己的邮箱里，在手机上打开邮箱进行查看。如果是制作图文并茂的邮件，可以到“肯为旎DIY”去看看，制作更简单和高效。
可是我建了一个文件夹
里面有图片音乐和
HTML
如果是文件夹，可以将文件夹复制到手机的SD卡中，然后用浏览器打开就可以了。顺便说一句，干吗用手机打开呢？如果是测试效果，计算机也可以的，请使用FF浏览器的响应式视图方式打开即可。
不死，我制作好了，现在要测试，发到别人的手机上，可是我制作好的是一个文件夹，里面有音频和图片，全发手机上面只显示网页上的字，不显示图片和音频
这主要是图片和音频的URL地址不正确造成的，有两种方法解决：一是使用相对地址；二是使用网上的地址（先将图片和音频上传到网址）。
怎么制作网站的手机版
做手机网站的方法一下几种1、模板站，下载手机网站模板，然后将内容和PC站点通用，这样移动设备访问网站时就会自动转入到手机站的模板。你也可以解析一个m开头的域名作为手机站的域名，有利于搜索引擎抓取。2、自适应网站，这种网站不需要另做手机站，因为网站的自适应，会根据你使用的设备分辨率来调整网页的排版和内容显示。3、H5快速建站，现在有很多服务商支持H5快速建立手机网站，只需要你把内容上传，这些服务商就会将这个网站做出来，比较方便快捷，缺点就是免费的都有广告，而且不支持使用自己网站的域名。4、用代码写出来的手机站，这种网站就是属于静态网站，所有的内容都是通过代码写进去的，想要更改内容比较麻烦。优点就是一步到位，想要什么效果都能达到。5、手机直达页，这种可以说是一个网站，也可以说是一个网页，这种手机站比较适合推广使用，将所有企业的推送产品放在这个页面上，然后完美的展示出来，用户点击之后可以进入购买页面或者直接进入咨询页面，可以更有效的提高转化效果。
我用HTML5做手机网页，如何设置字体大小以适合各种设备？
HTML5做手机网页所用的字体可以有2种单位：1）使用px 像素：使用14号字体即可2）使用em ：随着屏幕大小而改变1em=16px如果只是做手机设备的话，完全可以使用px像素就可以了。不过不要使用12px 在手机上显示太小了，用户看不清楚。一般使用 14px 或 16px 。
如何在手机上制作自己的网页
在手机上制作自己的网页的方法一、工具/原料html页面vs2008二、方法/步骤1、打开vs2008了。点击【文件】【新建文件】【常规】【HTML页面】【打开】。2、如图所示，新建了一个空白的html页面，拆分视图。3、设置页面body样式信息。【-webkit-touch-callout: none; -webkit-text-size-adjust: none;】是防止用户复制和保存图片,只支持iphone、ipad、android4、设置页面的宽度和高度。【.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代码一样文字很小。10、完整代码。【<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name="format-detection" content="telephone=no" /> <title>不落泪的</title></head><body ><div style="margin: 0px; padding: 5px; border: 1px solid rgb(204, 204, 204); max-width: 100%; font-size: 16.363636016845703px; font-family: 宋体; line-height: 26.666667938232422px; background-color: rgb(248, 247, 245); word-wrap: break-word !important; box-sizing: border-box !important;"><span style="max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important; color: rgb(57, 57, 57); font-family: 微软雅黑; font-size: 14px;">不落泪的</span></div></body></html>】
