微网站究竟是什么,应该该怎么做开发

出处: 编辑:

我们建了一个微站技术群。群号:38709351

经常有朋友一进群就问:

“请问,微网站都是用什么开发的啊??
还是直接是微信公众平台开发
html5吗”

我的回答是:微网站=缩小了的网站+微信高级接口开发

如果你对HTML5还觉得很陌生,只要把普通网站宽度调到自适应100%。头部加上如下:


<-meta name="viewport" content="width=device-width, initial-scale=1.0;" -="">
<-meta name="apple-mobile-web-app-capable" content="yes" -="">  这meta的作用就是删除默认的苹果工具栏和菜单栏。content有两个值”yes”和”no”,
<-meta name="apple-mobile-web-app-status-bar-style" content="black" -="">作用是控制状态栏显示样式
<-meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" -="">
<-meta name="format-detection" content="telephone=no" -="">
<-meta charset="utf-8" -="">   
   
  


  

viewport

为了防止Android Browser和WebView 根据不同屏幕的像素密度对你的页面进行缩放,你可以将viewport的target-densitydpi 设置为 device-dpi。当你这么做了,页面将不会缩放。相反,页面会根据当前屏幕的像素密度进行展示。在这种情形下,你还需要将viewport的width定义为与设备的width匹配,这样你的页面就可以和屏幕相适应。

initial-scale

初始缩放。即页面初始缩放程度。这是一个浮点值,是页面大小的一个乘数。例如,如果你设置初始缩放为“1.0”,那么,web页面在展现的时候就会以target density分辨率的1:1来展现。如果你设置为“2.0”,那么这个页面就会放大为2倍。

maximum-scale

最大缩放。即允许的最大缩放程度。这也是一个浮点值,用以指出页面大小与屏幕大小相比的最大乘数。例如,如果你将这个值设置为“2.0”,那么这个页面与target size相比,最多能放大2倍。

user-scalable

用户调整缩放。即用户是否能改变页面缩放程度。如果设置为yes则是允许用户对其进行改变,反之为no。默认值是yes。如果你将其设置为no,那么minimum-scale 和 maximum-scale都将被忽略,因为根本不可能缩放。

所有的缩放值都必须在0.01–10的范围之内。

例:

(设置屏幕宽度为设备宽度,禁止用户手动调整缩放)

 

(设置屏幕密度为高频,中频,低频自动缩放,禁止用户手动调整缩放)


其它的就是“微信高级接口开发”了,至于怎样才能开发,开发好这个接口,可以加群38709351慢慢聊


返回顶部