首页 > 新闻 > 技术领域 > 正文

手机wap网站切片

2014-7-29 10:03:48

现在手机越来越智能了,很多商家都会有手机页面的一些推广和制作,还方便客户的使用和吸引更多的客户,但是手机网页的制作和电脑上网页的制作有一些区别,我们就来看看吧。

电脑上的页面制作开头是这样的:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type"content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

 

<body>

</body>

</html>

看起来还比较简单,开头没有太多的代码。但是手机页面就不一样了:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type"content="text/html; charset=UTF-8">

<meta name="viewport"content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">

<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">

<meta name="description" content="123">

<title>123</title>

</head>

 

<body>

 

</body>

</html>

这是手机wap需要的代码,看起来会比较多一点。但是这样就能实现手机页面的效果了,这个代码限制了页面的放大和缩小,这也是手机页面需要的一个功能,不允许手机页面放大和缩小。

因为现在大家几乎都使用的是智能手机,而且手机更新换代、升级也很快,所以现在的手机几乎都支持html5css3,这点会比在电脑页面的切片方便许多。因为现在很多电脑用户用的都还是老系统XPIE8或更低版本,所以电脑页面切片就不能全用html5css3了。

上一篇:分享批量修改图片后缀名的方法 下一篇:大暑季节