版本：2.3.4 一 竖屏手机适配 二 横屏手机适配 三 其他（百分比适配，ShowAll模式，游戏常用分辨率） 一 竖屏手机适配 游戏场景Canvas分辨率640x1080， 选择Fit Width ，Widget组件默认Top/Right/Bottom/Left都勾选。 场景中放几个图片 给图片 ...
分类：
其他好文 时间：
2021-07-02 16:35:40
阅读次数：
0
npm install -g create-react-app npx create-react-app my-app 1.npm run eject 2.html计算 <script> !(function (win, doc) { function setFontSize() { var bas ...
分类：
移动开发 时间：
2021-02-05 10:58:45
阅读次数：
0
在html篇里提到设置视口宽度和设备宽度，固定的meta配置就是写死的，死记硬背 应该清楚的是手机端的适配应该克服的难题就是宽度根据手机屏幕的大小变化，而高度却没有办法跟随比例变化，也就是 ，比如在手机上要一行上排列三个div放正方形的三个div，要怎么做，三个div浮动排列后各自设置width为3 ...
分类：
移动开发 时间：
2019-12-14 00:07:56
阅读次数：
292
何为沉浸式？ 沉浸式就是app的头部和状态栏和何为一体的，webview即为整个手机的高度 何为状态栏？ 状态栏就是手机顶部，显示时间电量那一行 除此还有刘海屏，水滴屏，挖孔屏，全面屏，非刘海屏，不同手机状态栏高度又不太一样，需要我们去适配，有一个段子说，如果看到那个手机适配有问题，赶紧把那个手机藏 ...
分类：
其他好文 时间：
2019-11-11 21:56:42
阅读次数：
345
调试布局会发现，每款手机显示的布局效果有时候不尽人意，这是因为我们在写代码时，只针对了调试机型屏幕做了设计，而没有考虑到每个手机适配的问题，虽然大家都知道使用dp，但是并没能完全解决问题，而且在美工小伙伴也不会设计dp的图出来给你作为参考。今天就给大家介绍一款适配，来自鸿洋大神之手的工具AutoLayout：https://github.com/hongyangAndroid/AndroidAut
分类：
移动开发 时间：
2019-03-03 22:10:53
阅读次数：
239
/*适配苹果X*/ @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) { .header_nav { top: 44px; } } /... ...
分类：
移动开发 时间：
2019-01-14 17:59:20
阅读次数：
451
手淘H5移动端适配方案flexible源码分析 移动端适配一直是一个值得探讨的问题，在业余时间我找了一些页面，查看了一些厂商对于移动端H5页面的适配方案，看到了几个典型的例子，今天就来记录一下我看到的第一个典型的例子，也是我们公司目前普通H5项目正在使用的适配方案。 这个适配方案是lib-flexi ...
分类：
移动开发 时间：
2018-10-15 18:20:41
阅读次数：
1555
bable 安装:(1):npm install –g babel-cli(2):npm install -g cnpm --registry=https://registry.npm.taobao.org [国内域](3):npm install --save-dev babel-preset-e ...
分类：
其他好文 时间：
2018-07-30 11:36:49
阅读次数：
610
手机按照750px 的设计稿样式排版。页面在750px的屏幕上显示正常 在其他尺寸的屏幕上，按照比例进行缩放。 遇到的问题： 由于在样式加载后进行了缩放，所以body的高度没有改变，仍然是缩放之前的高度，所以在页面加载之后需要设置重新设置body的高度，方法如下： document.readysta ...
分类：
移动开发 时间：
2017-10-24 20:57:24
阅读次数：
199
Laravel使用的过程中，有些功能把前端页面的表达“写死了”，比如分页的翻页按钮！ 当然你会说Laravel的Bootstrap样式也很好看啊，但是实际项目中，翻页按钮常常需要满足的客户的需要，特别在开发一款支持手机适配的Web APP，更是需要使用自定义的样式。 所以，学习一样东西不能一知半解， ...
分类：
其他好文 时间：
2017-06-17 12:05:57
阅读次数：
210
