网页制作手机
微信网站和手机网站有什么区别
首先，什么是手机网站（wap网站）： 手机wap网站就是适合手机看的网站。 它和制作电脑网页的制作方法相同，不过布局的时候不用准确的像素，而是使用百分比来控制 ，以达到在不同尺寸手机屏幕上显示出相同的效果。刚开始的手机网站称为WAP网站，因为他使用的是WML协议，是指手机wap浏览器可浏览的网站，网址的开头是wap。它用的协议和电脑上的网站是不同的，之后随着智能手机的普及，网速的提升，以及国内手机浏览器的快速成长，这种基于WML协议做的网站已经很少了。。现在的手机可以直接浏览 html网页， 所以大家现在所说的WAP网站，就是手机网站。其次，什么事微信网站： 微信网站就是基于微信可浏览的网站，它和手机wap网站不同的是，在手机安装微信的时候就已经安装了微信浏览器， 它可以支持微信自己的协议， 做微信网站的时候就可以加入微信的开放API接口来调用一些微信的功能， 例如分享到朋友圈 转发给联系人，甚至调用以后要出的微信支付一键登录等。由此可见： 微信网站和手机wap网站的区别是， 它可以调用微信的功能，而手机网站不能。当然你也可以用微信浏览器来浏览普通的手机网站，其实这就是微官网。微官网的另一层含义就是手机官网其实它是以展示企业或产品为主，追求简单明了，而手机门户网或手机资讯网，更侧重于提供信息，如汽车之家网易新闻等。望采纳，谢谢。
html手机页面的字体怎么设置随屏幕的大小变化页变化？
手机响应式布局，是获取屏幕尺寸，在某个区间用一种css，另个区间用另一种css。需要用@media写多份css的。无法做到真正的随屏幕变化而变化。而<meta name="viewport" content="width=device-width" />的用法是随着屏幕的大小，自动把页面自适应到屏幕的大小。这个是管用的。em是字体的宽度，也就是一个字体宽12px，那么em=12px；字体为15px，em=15px；一般用来动态控制字体外的区块大小去适应字体，而不是用来设置字体的大小的。例如：<p style="width: 12em;">
<!-- / 无论这里设置的字体多大，宽度只会容纳12个字 / -->
</p>如果<meta name="viewport" content="width=device-width" />没效果，建议你用图片贴出来，看看你想要的具体效果是什么。
有谁知道手机网页设计尺寸。
iPhone手机网页的设计尺寸iPhone5尺寸是640x1136px分辨率是326PPI iPhone4和iPhone4S尺寸是640x960px分辨率是326PPI iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px分辨率是163PPI安卓网页的设计尺寸320dp：一个普通的手机屏幕（240X320，320×480，480X800）480dp：一个中间平板电脑像（480×800）600dp：7寸平板电脑（600×1024）720dp：10寸平板电脑（720×1280，800×1280）ipad网页的设计尺寸iPad第三代第四代尺寸是2048x1536px分辨率是264PPI iPad第一代第二代尺寸是1024x768px分辨率是132PPI iPad Mini尺寸是1024x768px分辨率是163PPI以上是移动端的尺寸，单独的如果某一个移动的网站的尺寸是没有的，因为移动网站的一半情况是按照%比的尺寸 来自动适应屏幕的大小，或者也通过设置，iphone执行什么尺寸，安卓情况执行什么尺寸的。
现在很多手机页面都是用html5制作，html5有什么优势？
"对于用户来说，html5提高了用户体验，加强了视觉感受。1、HTML5技术在移动端，能够让应用程序回归到网页，并对网页的功能进行扩展，用户不需要下载客户端或插件就能够观看视频、玩游戏，操作更加简单，用户体验更好。2、HTML5的视音频新技术解决了移动端苹果和安卓4.0+，对flash的支持问题。在视音频方面，性能表现比flash要更好。3、网页表现方面，HTML5中的CSS3特效样式、Canvas、webgl的介入，不仅加强了网页的视觉效果，甚至能够使用户在网页当中看到三维立体特效。4、另外其跨平台的特点，可以避免传统移动终端上的Native App，开发者必须针对不同的操作系统进行研发工作的弊端，从时间和资金成本上讲远小于跨系统移植。而且html5的语言简单，容易学习。现在国内已经出现一批html5页面制作平台，让不懂编程的用户也能自己制作。国内制作html5页面的平台出名的有maka.im和vxplo，maka.im通过选择模板，添加效果、图文即可完成制作，vxplo界面类似于photoshop，个性化程度高，但是操作比较复杂。"
如何在手机上制作自己的网页
在手机上制作自己的网页的方法一、工具/原料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>】
做手机网页要考虑哪几种尺寸呀
这个不同手机尺寸不一样，比如iphone3 320*480 iphone4 640 * 960 android 240*320 320* 480 480* 854 这些比较常用，还有一些其他分辨率看你具体是针对什么手机做的了！还有详细的如下——iPhone界面尺寸：320*480、640*960、640*1136 iPad界面尺寸：1024*768、2048*1536 单位：像素72dpi在设计的时候并不是每个尺寸都要做一套，尺寸按自己的手机来设计，比较方便预览效果，一般用640*960或者640*1136的尺寸来设计。 Android界面尺寸：480*800、720*1280、1080*1920。[单位：像素] Android比iPhone的寸尺多了很多套，建议取用720*1280这个尺寸，这个尺寸720*1280中显示完美，在1080*1920中看起来比较清晰，切图后的图片文件大小也适中，应用的内存消耗也不会过高。 Ps：作图的时候确保都是用形状工具(快捷键：U)画的，这样更方便后期的切图或者尺寸变更。 但在UI设计的时候，通常会比正常想要的尺寸大两倍，然后前端制作页面的时候再缩小，如果等比例切图的话，这些小图标在手机上显示就会发...
