手机网页编辑器（手机网页和电脑网页编写的代码一样吗）
本文目录
手机网页和电脑网页编写的代码一样吗
不一样的。
手机网页开发。这部分跟web前端开发差别不大，使用的技术都是html+css+js。区别为手机浏览器是webkit的天下，pc端是IE的天下。手机网页可以理解成pc网页的缩小版加一些触摸特性。因为是在浏览器中进行的网页开发，所有最终代码具有跨系统平台的特性。
app前端开发。使用的技术也是html+css+js，但它需要基于PhoneGap等开发平台调用手机核心功能接口（包括地理定位，加速器，联系人，声音和振动等）模拟native app，这部分跟web前端开发完全不同。最终代码发布要分别编译成各系统平台的app。
在工具上，手机版网页和电脑版网页没有什么区别，可以根据自己的喜好。我是喜欢用Dreamweaver的，而且Dreamweaver cs6有个多屏预览的功能，可以很方便的预览手机、平板、PC端的效果。不过Dreamweaver 挺大的，还有很多比较快比较好的器，比如EditPlus，这还是看个人的习惯和喜好了。
推荐一个器sublime text，我自己觉得超好用。
在代码方面的话：
首先得加上这样的一行。设置宽度、高度、是否能够缩放。
《meta name="viewport" content="width=device-width,inital-scale=1.0,minimum-scale=0.5,maximum-scale=2.0,user-scalable=no"》然后，主要是要考虑适配。
比较好的是做到自适应。这个可以搜一下，我记得月光博客里面就有篇很详细的。其次，可以用
@media only screen
and(min-device-width : 320px) and(max-device-width : 480px){
}
来对不同像素的屏幕写不同的样式。可以看下知乎的登录页面，用的就是@media。再然后要考虑的是用户体验。简单的拿个链接来说，在PC端因为有鼠标，很容易点到。可是手机端就不一样，就几个字的链接很难点到，所以就要扩大点的面积。这就是为什么会出现电脑版的网页和手机版网页。
其实做手机版的网页有个好处就是可以大量的使用HTML5和CSS3，这样能做出很多效果。
写代码软件
常用的写代码软件有以下几个：
1、WebStorm。WebStorm是jetbrains公司旗下一款JavaScript开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5器”、“最智能的JavaScriptIDE”等。
2、SublimeText。SublimeText是一个代码器也是HTML和散文先进的文本器。
3、HBuilder。HBuilder是专为前端打造的开发工具，具有飞一样的编码、最全的语法库和浏览器兼容数据、可以方便的制作手机APP、最保护眼睛的绿柔设计等特点。
本文相关文章：
2026年5月20日 21:10
2026年11月3日 11:30
电脑为什么网页打开显示器就黑屏？vivo手机x21s 自带浏览器打开几个网页容易黑屏，是怎么回事
2026年11月2日 06:20
2026年10月31日 16:30
2026年10月21日 05:10
2026年10月17日 02:30
2026年10月10日 23:30
2026年10月10日 02:50
dreamweaver网页设计报告（谁会用dreamweaver网页设计课程的作业与网页设计报告给我 拜托了！）
2026年10月9日 22:20
制作企业网站新闻列表页面（关于网页设计，请问什么是列表页和明细页）
2026年10月7日 20:10
更多文章：
2026年11月3日 23:00
2026年11月3日 21:20
2026年11月3日 20:20
2026年11月3日 18:50
2026年11月3日 18:40
中国建设银行手机银行app（中国建设银行app怎么免密登录）
2026年11月3日 18:30
2026年11月3日 18:10
2026年11月3日 17:40
2026年11月3日 16:40
2026年11月3日 16:30
