移动端开发适配和页面初始化问题

Timdan 2017-07-19 11:20:14

请问一下各位在开发手机界面的时候，如何进行页面的初始化，具体都进行那些操作，比如设置meta viewport，还有要不要引入base.css文件，还有就是如何解决适配问题，难道所有的单位都设置成rem嘛，这个问题如何解决的，麻烦给点经验。

...全文

212 1 打赏收藏转发到动态举报

写回复

用AI写文章

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

z153373846 2017-07-19

打赏
举报

calc、flex、rem、百分比，这些都可以做适配，初始化可以做一个loading

VUE-H5-TEMPLATE Vue-H5-Template 项目以小商城作为基本的内容演示，使用 Vue3.0+Typescript+Vant 搭建 移动端h5页面开发所需的基础模板，并提供一些通用型的解决方案及扩展功能。基本说明部分页面预览：首页商详扩展手机扫码预览：安装使用 # 项目下载 # 克隆项目很慢？将地址中的 `github.com` 替换为 `github.com.cnpmjs.org` 试试 $ git clone git@github.com:Ewall1106/vue-h5-template.git # 安装运行 $ yarn & yarn dev 功能特性 :hammer: 开发规范 Eslint 校检及错误提示 Prettier 统一代码风格 StyleLint 样式风格 Typescript 语法支持 :hammer: 初始化配置 vw 移动端适配 css 预处理器浏览

:rocket: 基于@vue/CLI3构建的移动端h5项目模板。说明项目涉及@vue/CLI3构建、移动端h5开发、axios封装、通用化组件等。持续更新... 特性基于@vue/cli3 CSS 预编译语言：，全局样式初始化 ajax封装，借助Axios库实现http请求 vue-router封装；懒加载、拦截页面平滑切换通用化组件 移动端适配可视化分析工具项目结构拆分等... 项目详细介绍博客：目录结构构建命令克隆项目 git clone git@github.com:now1then/vue-h5-pro.git 初始化依赖配置 yarn install 开发环境启动运行 yarn run serve 生产环境打包构建 yarn run build yarn build --report // 打包分析自动化测试 yarn run test Lint检查并修复 ya

PHPRAP，是一个PHP轻量级开源API接口文档管理系统，致力于提高前后端协作开发效率，打造PHP版的RAP。 phprap特性部署简单，按照安装步骤操作即可完成安装部署；操作简单，和阿里RAP高度一致的操作流程，给力的用户体验，让你一分钟上手；基于bootstrap搭建，完美适配PC和移动端；支持在线对API进行测试并保存测试数据，提供接口测试效率；项目申请时时推送，方便项目创建者及时处理申请，申请加入者及时获取审核结果；完整的项目操作日志，整个项目的操作流程一目了然；完善的权限控制系统，可以分别控制项目、模块、接口和成员的操作权限；支持项目接口一键导出，方便离线查看；产品开源免费，并将持续提供免费的社区技术支持； phprap v1.0.7 更新日志【修复】修复在PHP7.1及之上版本部分页面报错的BUG 【修复】修复管理后台注册口令不能设置为空的BUG 【新增】新增数据字典功能，项目创建者可以导入sql建表文件生成数据字典、编辑、删除和导出数据字典，并可以指定成员数据字典操作权限。【优化】PHP最低版本依赖由5.5降为5.4 【优化】程序内相关二级域名链接替换成独立域名【优化】数据库备份表doc_dbdab更改为doc_db_bak 【优化】框架初始化文件新增是否安装openssl扩展的判断【优化】安装步骤二数据库配置中数据库名不给默认值，增加‘数据库名必须是已存在的，不会自动创建’提示【优化】管理后台系统设置中推送时间间隔默认设置由3秒改为5秒【优化】移动端UI优化，隐藏操作按钮，只允许查看。 PHPRAP截图相关阅读同类推荐：站长常用源码

目前来讲这三种方案是现在用的最多的方案，它们都有各自的优缺点。

CSS

61,114

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章