在html篇里提到设置视口宽度和设备宽度,固定的meta配置就是写死的,死记硬背 应该清楚的是手机端的适配应该克服的难题就是宽度根据手机屏幕的大小变化,而高度却没有办法跟随比例变化,也就是 ,比如在手机上要一行上排列三个div放正方形的三个div,要怎么做,三个div浮动排列后各自设置width为3 ...
分类:
移动开发 时间:
2019-12-14 00:07:56
阅读次数:
292
一些说明:我用Laya(ts)开发小游戏,有需要保持手机屏幕常亮的需求(非必须的),然后作为小白的我就在网上找到了这个库,大概了解下,应该是通过播放空视频的原理来保持手机屏幕常亮,然后就放到项目中试了下,确实是有用的,能达到屏幕常亮的效果,可惜就是fps从稳定的60帧变为40(或者更低)-60之间摇 ...
分类:
移动开发 时间:
2019-12-05 13:34:17
阅读次数:
496
划重点 手机屏幕相对着桌面浏览器小,传统网页的设计在手机上体验糟糕 Apple 在移动版 Safari 中定义了 viewport meta 标签(如果没记错最早提出的话),用于创建一个虚拟窗口(layout viewport),这个虚拟窗口的分辨率接近于桌面显示器,Apple将其定义为980px。 ...
分类:
移动开发 时间:
2019-11-29 11:03:22
阅读次数:
125
不管是在写pc端还是移动端,我们总会遇到关于高度的问题。div元素高度,父级元素的高度,屏幕的高度,窗口的高度,可视范围的高度等等,每次都弄的晕头转向,然后接下来就是面向百度了,所以自己整理了一下,好好理解。 网页可见区域宽: document.body.clientWidth 网页可见区域高: d ...
分类:
其他好文 时间:
2019-11-10 11:58:20
阅读次数:
85
////如有侵权 请联系我进行删除 email:YZFHKM@163.com 1、游戏屏幕适配 屏幕适配是为了让我们的项目能够跑在各种电子设备上(手机,平板,电脑) 那么了解是适配之前首先要了解两个知识点: 1-1、什么是像素? 单位面积中构成图像的点的个数。 特点:单位面积内的像素越多,分辨率越高 ...
分类:
移动开发 时间:
2019-11-02 11:57:43
阅读次数:
499
题目描述 是一款风靡一时的休闲手机游戏。玩家需要不断控制点击手机屏幕的频率来调节小鸟的飞行高度,让小鸟顺利通过画面右方的管道缝隙。如果小鸟一不小心撞到了水管或者掉在地上的话,便宣告失败。 为了简化问题,我们对游戏规则进行了简化和改编: 游戏界面是一个长为 n n ,高为 m m 的二维平面,其中有 ...
分类:
其他好文 时间:
2019-10-24 13:53:29
阅读次数:
129
1.像素密度 PPI 说到屏幕就离不开2个因素,屏幕大小和屏幕分辨率。 PPI是Pixels Per Inch缩写,pixels per inch所表示的是每英寸所拥有的像素(pixel)数目。 PPI越高,手机屏幕显示的效果越好。以前的老手机屏幕显示效果很差,有颗粒感,就是因为PPI太低了。 随着 ...
分类:
移动开发 时间:
2019-10-03 20:20:38
阅读次数:
156
因为手机屏幕的分辨率大小不一 ,如果使用传统的静态布局,把每个元素的宽高样式写死,在不同的屏幕中就有各种各样的显示效果。这显然不是我们想要的结果。我们需要的是根据屏幕分辨率的不同,来适配不同的样式大小。使不同的手机分辨率下都有相同的样式布局 1.rem适配 1rem就是html标签font size ...
分类:
移动开发 时间:
2019-10-03 00:46:57
阅读次数:
139
1.原理分析和效果图 先上效果图: 屏幕适配上使用rem适配,假设用户的手机屏幕最下宽度是375px,而谷歌浏览器最小的字体大小为12px,所以我以375px为标准尺寸进行rem适配,即375px的屏幕设置html标签字体大小为12px,随着屏幕宽度增大,1rem也随之增大 表盘使用的是圆角,使之展 ...
分类:
其他好文 时间:
2019-10-02 22:41:03
阅读次数:
128
初恋就像是一朵摇曳在田野中的蒲公英 远远的望去,仿佛在冲着你招手 你兴奋的朝着她跑过去,她却碎在了风中 飘零在指缝间,怎么也抓不住 1 “小老板”是她在我手机里的最后一次备注名,她总是喜欢偷偷拿我的手机给她改备注。有一次她把备注改成了“爸爸”,然后我回到宿舍打开手机,屏幕一下弹出了好多她发的信息,我 ...
分类:
其他好文 时间:
2019-10-02 14:53:57
阅读次数:
104