1、让一些不能等比自适应的元素，达到当设备尺寸发生改变的时候，等比例适配当前设备。 2、使用媒体查询根据不同设备按比例设置html的字体大小，然后页面元素使用rem做尺寸单位，当html字体大小变化，元素尺寸也会发生变化，从而达到等比缩放的适配。 技术方案： 1、less+rem+媒体查询 2、fl ...
分类：
Web程序 时间：
2019-12-31 21:35:23
阅读次数：
105
移动开发与桌面开发 手机网页开发（移动网页） 使用的技术是一样的 区别仅在屏幕尺寸和交互方式 1.设置viewport mate标签（元数据）是数据的数据信息 <meta> 标签提供了 HTML 文档的元数据。元数据不会显示在客户端，但是会被浏览器解析。//写在head标签内 viewport是ht ...
分类：
移动开发 时间：
2019-12-14 19:31:05
阅读次数：
152
百分比布局+媒体查询 首先通过媒体查询确认container的宽度，每个col-xx-xx都是通过百分比定义的，屏幕尺寸变化了，container就变化了，col自然就变了 Bootstrap的官方解释：Bootstrap提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport ...
分类：
其他好文 时间：
2019-12-08 17:26:52
阅读次数：
91
Fragment的特点 1）使Activity分离成多个可重用的组件，每个都有它自己的生命周期和UI 2）可以轻松的创建动态灵活的UI设计，可以适应于不同的屏幕尺寸。从手机到平板 3）Fragment是一个独立的模块，紧紧的与Activity绑定在一起，可以运行中动态的移除、加入、交换等 4）Frg ...
分类：
移动开发 时间：
2019-12-01 19:07:13
阅读次数：
94
屏幕尺寸 垂直方向上，iPhone X的显示宽度与iPhone 6，iPhone 7 和 iPhone 8 的 4.7 英寸一样，但是比4.7英寸的显示屏高145pt。 安全区域 安全区域指的是一个可视窗口范围，处于安全区域的内容不受圆角（corners）、齐刘海（sensor housing）、小 ...
分类：
其他好文 时间：
2019-12-01 19:01:39
阅读次数：
107
因为小程序是以微信为平台运行的，可以同时运行在android与ios的设备上，所以不可避免的会遇到布局适配问题，特别是在iphone5上，因为屏幕尺寸小的缘故，也是适配问题最多的机型，下面就简单介绍几种适配方法。 rpx适配rpx是小程序中的尺寸单位，它有以下特征： 小程序的屏幕宽固定为750rpx ...
分类：
微信 时间：
2019-11-22 10:27:07
阅读次数：
316
先获取屏幕高度 如果小于等于1400;添加一个类 <div :class="[xiaoyu ? 'isyaoshenglue': ' ' ]"></div> v-bind结合三目运算，添加一个类名 使用的中括号 如何有省略号 div和p都可以有省略号 div{ width: 100px; overf ...
分类：
其他好文 时间：
2019-11-12 00:30:33
阅读次数：
105
主题预览 博客首页 屏幕尺寸：1920 屏幕尺寸：1336 屏幕尺寸：360（手机端竖屏） 屏幕尺寸：360以上（手机端横屏） 博客正文 博客互动 博客评论 主题适配 1.清空后台所有配置； 2.选择博客皮肤为 Custom ，并禁用模板默认CSS； 3.在页首html代码中，引入主题样式： 4.保 ...
分类：
其他好文 时间：
2019-10-27 16:19:43
阅读次数：
107
今天做了个pc的页面，看了别人的网站在手机端能把pc端的网页刚好缩放到手机端，看着很舒服。 于是想把自己的页面也这样搞一下，刚开始，想到的是利用css3的缩放来做，想的是当屏幕尺寸改变时缩放整个页面，这样顺便写了个代码，但是在手机端却没有效果，然后仔细一想，手机端屏幕是不会变化的，根本无法触发win ...
分类：
移动开发 时间：
2019-10-23 00:02:19
阅读次数：
161
文献综述 1.1本课题国外研究进展 android是一种基于Linux的自由及开放源代码的操作系统，主要使用于移动设备，如智能手机和平板电脑，由Google公司和开放手机联盟领导及开发。尚未有统一中文名称，中国大陆地区较多人使用“安卓”或“安致”。Android操作系统最初由Andy Rubin开发 ...
分类：
移动开发 时间：
2019-10-22 10:57:20
阅读次数：
155
