首页>>app
html开发中,移动端常用的meta属性
2023-09-06
41浏览
基本属性viewport属性:<metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum=1.0,user-scalable=no">设置显示方式,一般适配移动设备用来避免缩放和影响体验的滚动条width=device-width:宽度为设备宽度initial-scale: 初始的缩放比

基本属性

viewport属性:

<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum=1.0,user-scalable=no">

设置显示方式,一般适配移动设备用来避免缩放和影响体验的滚动条

width=device-width:宽度为设备宽度

initial-scale: 初始的缩放比例 (范围从>0到 10 )

minimum-scale: 允许用户缩放到的最小比例

maximum-scale: 允许用户缩放到的最大比例

user-scalable: 用户是否可以手动缩放

format-detection属性:

<meta name="format-detection" content="telephone=no, email=no">

忽略页面对手机号、email的识别

telephone:yes|no

email:yes|no

Safari浏览器私有meta属性

apple-mobile-web-app-capable属性

<meta name="apple-mobile-web-app-capable" content="yes">

隐藏浏览器的地址栏和toolbar,页面显示为全屏,不加此meta则默认显示地址栏和toolbar

content:yes|no

apple-mobile-web-app-status-bar-style属性

<meta name="apple-mobile-web-app-status-bar-style" content="black">

content:default|black| black-translucent,即白色、黑色、灰色半透明

apple-mobile-web-app-title属性

<meta name="apple-mobile-web-app-title" content="APP name">

UC浏览器私有meta属性

screen-orientation属性

<meta name="screen-orientation" content="landscape"><meta name="full-screen" content="yes">

强制页面横屏或竖屏显示

content:landscape|portrait

full-screen属性

<meta name="full-screen" content="yes">

进入全屏后,页面隐藏菜单栏, 生成一个悬浮标, 点击悬浮标可显示菜单栏

browsermode属性

<meta name="browsermode" content="application">

应用模式是为方便 web 应用及游戏开发者设置的综合开关,通过 meta 标签进行指示打开,当进入应用模式时,长按菜单、默认手势、夜间模式失效

layoutmode属性

<meta name="layoutmode" content="fitscreen">

UC 浏览器供适屏模式及标准模式,其中适屏模式简化了一些页面的处理,使得页面内容更适合进行页面阅读、节省流量及响应更快。而标准模式则能按照标准规范对页面进行排版及渲染。

nightmode属性

<meta name="nightmode" content="disable">

禁止页面使用 UC 浏览器自定义的夜间模式

imagemode属性

<meta name="imagemode" content="force">

为了节省流量及加快速度,通过强制图片显示的功能可以保证图片显示不受用户的设置影响。

QQ浏览器私有meta属性

此属性可以适用于所有x5内核应用,变色龙生成app如果选x5内核也适用。

x5-orientation属性

<meta name="x5-orientation" content="landscape">

强制横/竖屏以及跟随浏览器设置【默认】

content:landscape|portrait|auto

x5-fullscreen属性

<meta name="x5-fullscreen" content="true">

强制全屏以及跟随浏览器设置【默认】

content:true|auto

x5-page-mode属性

<meta name="x5-page-mode" content="default">

普通浏览模式【默认】以及网页应用模式(定制工具栏,全屏显示)

content:default|app


一、首页样式首页分类样式1、顶部banner图片,可以有连接进入相关的页面如图:banner图片json格式{"type":"banner","height":"150",//图片高度"list":[{"imgurl":"http://xxxx.png",//图片地址...
07-16
电商原生App,自主开发电商原生app
html包的制作配置文件名replace.txt ,建好文件存在包根目录即可,包内文件目录与文件名不能有中文。文件内容{“拦截网址”:“本地文件”}如:{"http://www.baidu1.com":"index.html","http://www.sina2.com":"test.html",}replace.txt写好后放到html目录下,打包...
06-27
创建App,打开网址:https://www.appbsl.cn/encapsulationApp/%20选择初级版本,年限七天免费,网址随便输入一个。配置页里面找到“本地资源上传”,把离线的zip上传即可本地资源如何配置配置文件名replace.txt文件,建好文件存在包根目录即可。注意:包内文件目录与文件名不能有任何中文。有是无法使用的。replace.t...
06-09
h5打包app,h5在线生成app,uniapp生成app
前端使用uniapp开发项目完成后,需要将页面打包,生成H5的静态文件,部署在服务器上。这样通过服务器链接地址,直接可以在手机上点开来访问。也可以用变色龙打包app功能,打包成App,过苹果上架时4.3问题。点击菜单栏“发行”,点击选择“网站-PC Web或手机H5”,填写网站标题和网站域名/服务器的IP地址。点击进入manifest....
05-19
Uinapp写的怎么导出h5,编译html,uniapp4.3
变色龙IOS免签功能列表:1、IOS免签推送消息给用户2、顶部栏颜色修改3、菜单栏配置4、全屏化显示5、支持支付功能6、注入JS,CSS功能...
05-17
苹果免签推送功能,IOS免签,不上架封装苹果不掉签
功能介绍1、App封装实现App封装,混合开发App,100多JS接口功能交互。2、制作小程序通过接口网站封装成小程序。下载地址https://pan.baidu.com/s/1KRYRk2ZG83B6w9p5rvJNzw提:0opi环境环境:PHP 5.6 + MySQL存储:七牛存储服务器最低要求CPU:1核,内存:2G,硬盘:10G,1M带宽不能用空间,有要修改php环境的要求。...
05-12
网站生成app源码,网站源码,生成app网站
在线一键网站网页生成app,包括安卓与苹果。...
05-12
网页生成app免费,网页app生成器无广告,在线生成网页转app,生成app,封装app,打包app
...
11-12