移动端模板

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<!-- 1.视图窗口 一般这样写即可-->
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
<!-- 宽度为设备宽度、默认不缩放、禁止手动缩放、minimal-ui网页加载时隐藏地址栏与导航栏 -->
<!-- 
视图窗口详细参数:
width – // [pixel_value | device-width] viewport 的宽度,范围从 200 到 10,000,默认为 980 像素
height – // [pixel_value | device-height ] viewport 的高度,范围从 223 到 10,000 
initial-scale – // float_value,初始的缩放比例 (范围从 > 0 到 10)
minimum-scale – // float_value,允许用户缩放到的最小比例
maximum-scale – // float_value,允许用户缩放到的最大比例
user-scalable – // [yes | no] 用户是否可以手动缩放
target-densitydpi = [dpi_value | device-dpi | high-dpi | medium-dpi | low-dpi] 目标屏幕像素密度 
-->


<!-- 2.是否启动webapp功能,会删除默认的苹果工具栏和菜单栏。 -->
<meta name="apple-mobile-web-app-capable" content="yes" />


<!-- 3.当启动webapp功能时,
设置手机信号、时间、电池的顶部导航栏的颜色。
默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明) -->
<meta name="apple-mobile-web-app-status-bar-style" content="black" />


<!-- 4.忽略页面中的数字识别为电话号码 -->
<meta name="format-detection"content="telephone=no, email=no" />
<title>Document</title>
</head>
<body>

</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
本套模板由国内专业的交互原型模板及元件库分享平台AxureUX设计并发布的免费作品,你可以访问AxureUX网站了解更多交互原型模板及元件库分享内容,或者关注我们的微信公众号:AxureUX。你有权利在你的个人或商业项目中无限制的使用AxureUX发布的相关免费作品,但不得将作品本身用于再出售,或者衍生其它任何形式的付费内容。如果基于本作品所创作的其它分享的内容,应在重要位置注明是由AxureUX所提供的模板模板的相关使用方法请查看网站上的教程分享栏目文章,或者仔细阅读网站上的使用必读帮助手册。如果在使用过程中遇到问题,也可以加入我们的相关交流群进行交流。 本作品中提供了各类常用的移动端交互界面模板,以及微信小程序和支付宝小程序相关界面模板。其中包含的首页、分类页、消息列表、用户中心、注册登录、找回密码等常用页面,可以方便快速的应用到你的原型方案中,基于这些界面模板可以帮助你极大的提升原型设计效率。作品中提供了常用手机设备模型及移动端交互手势图标等素材,这些素材可以让你输出的原型方案更加标准和规范。另外,我们整理了各类移动端相关交互规范和用户体验类文章,可以作为学习移动端设计的参考资料。 作品中使用的图标主要为FontAwesome字体图标,它是一款支持缩放和修改样式的矢量图标,包含的图标类型基本满足原型设计的需要。首次使用需要安装FontAwesome字体文件。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值