Home > Web Front-end > H5 Tutorial > 手机html网页和电脑上的html网页在制作上有什么区别?

手机html网页和电脑上的html网页在制作上有什么区别?

WBOY
Release: 2016-06-07 08:43:35
Original
4086 people have browsed it

麻烦在工具、代码等方面详细说明,谢谢!

回复内容:

区别不大
手机相比性能更差,需要着重照顾

. 在工具上,手机版网页和电脑版网页没有什么区别,可以根据自己的喜好。我是喜欢用Dreamweaver的,而且Dreamweaver cs6有个多屏预览的功能,可以很方便的预览手机、平板、PC端的效果。不过Dreamweaver 挺大的,还有很多比较快比较好的编辑器,比如EditPlus,这还是看个人的习惯和喜好了。

推荐一个编辑器sublime text,我自己觉得超好用。

在代码方面的话:
首先得加上这样的一行。设置宽度、高度、是否能够缩放。


然后,主要是要考虑适配。
比较好的是做到自适应。这个可以搜一下,我记得月光博客里面就有篇很详细的。其次,可以用
@media only screen
and(min-device-width : 320px) and(max-device-width : 480px){
}
来对不同像素的屏幕写不同的样式。可以看下知乎的登录页面,用的就是@media。

再然后要考虑的是用户体验。简单的拿个链接来说,在PC端因为有鼠标,很容易点到。可是手机端就不一样,就几个字的链接很难点到,所以就要扩大点的面积。这就是为什么会出现电脑版的网页和手机版网页。

其实做手机版的网页有个好处就是可以大量的使用HTML5和CSS3,这样能做出很多效果。 前智能手机时代,还是有很大的区别的,不过现在开发的话,已经没什么区别了,基本上你不需要知道历史了。 网络方面不太懂 有一个问题 如果我已经做好了一个电脑网站 怎么很快把他移值到手机上 在远基础上修改尺寸就好了吗 还是有更快的方法 ?求给为解答 同一个网站可能有手机版 和电脑版 只是设计的框架不同 手机html网页版式适应于手机屏幕。电脑html网页 手机登入也没什么大问题,比如有些手机浏览器 可以自动适应屏幕
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template