0
0
php中文网
发布时间：2016-06-06 20:08:20
|2046人浏览过
|来源于php中文网
原创
我是做php的，想在app里嵌入一个h5页面用来做签到页，h5如何写才能自适应与ios安卓与平板？
我是做php的，想在app里嵌入一个h5页面用来做签到页，h5如何写才能自适应与ios安卓与平板？
header加入viewport元标签是普遍做法，还有，不使用绝对宽度，字体使用相对大小，布局使用流动布局(fluid grid)，图片要自适应(fluid image)等。
media query
Meta标签 viewport
我做的一个嵌入APP的页面使用rem来做单位
用Meta的viewport，content="width=device-width"
网页宽高用比例
media query或者使用rem,然后js动态判断屏幕大小来设置html中的rem的值
如果对设计没要求就直接用 bootstrap。如果要自己写就用media query 定义自己的 breakpoints。
这个是HTML做出来的自适应 但是客户端可以简易的写一些js做一些自适应
相关文章
如何在 PHP 中正确使用 Session 实现登录状态保持与跨页面数据获取
如何在 PHP 中高效查找 JSON 地理数据中距离最近的站点 ID
如何在 PHP 中正确累加多维数组中所有数值并计算总和
如何在 PHP 中高效查找 JSON 地理数据中距离指定坐标最近的站点 ID
如何在前端表单提交后立即显示更新后的文章特色图像
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
本专题整理了1688阿里巴巴批发进货平台的最新入口地址与在线采购指南，帮助用户快速找到官方网站入口，了解如何进行批发采购、货源选择以及厂家直销等功能，提升采购效率与平台使用体验。
90
2026.02.06
本专题汇总了快手网页版的最新入口地址和电脑版使用方法，详细提供快手官网直接访问链接、网页端操作教程，以及如何无需下载安装直接观看短视频的方式，帮助用户轻松浏览和观看快手短视频内容。
15
2026.02.06
本专题深入讲解 C# 中多线程与异步编程的核心概念与实战技巧，包括线程池管理、Task 类的使用、async/await 异步编程模式、并发控制与线程同步、死锁与竞态条件的解决方案。通过实际项目，帮助开发者掌握 如何在 C# 中构建高并发、低延迟的异步系统，提升应用性能和响应速度。
10
2026.02.06
本专题系统讲解 Python 微服务架构设计与 FastAPI 框架应用，涵盖 FastAPI 的快速开发、路由与依赖注入、数据模型验证、API 文档自动生成、OAuth2 与 JWT 身份验证、异步支持、部署与扩展等。通过实际案例，帮助学习者掌握 使用 FastAPI 构建高效、可扩展的微服务应用，提高服务响应速度与系统可维护性。
6
2026.02.06
本专题深入讲解 JavaScript 异步编程与事件驱动架构，涵盖 Promise、async/await、事件循环机制、回调函数、任务队列与微任务队列、以及如何设计高效的异步应用架构。通过多个实际示例，帮助开发者掌握 如何处理复杂异步操作，并利用事件驱动设计模式构建高效、响应式应用。
7
2026.02.06
热门下载
精品课程
最新文章
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
