由于移动端的特殊性,屏幕的尺寸碎片化严重,要想很好的适配不同的尺寸的设备,需要我们前端开发相比PC端要做一些基层的适配方案。 1. 常见的适配方案 百分比+固定高度布局方案 固定屏幕为理想视口宽度 少许的媒体查询设置字体 水平百分比布局 水平方向部分也可以使用弹性布局 Rem解决方案 Rem的大小取 ...
分类:
移动开发 时间:
2018-02-08 00:21:54
阅读次数:
257
IE6浏览器的bug问题及相关解决的方法 1、css浮动边距加倍错误(双倍边距BUG)的解决办法 该错误只影响ie而不影响其他浏览器,我们可以考虑用hack来解决!!! 解决方法:_display:inline; 2、扩展框问题 原因:无法将内容放入固定宽度或固定高度的框中,则框会扩展以适应内容,而 ...
分类:
其他好文 时间:
2018-02-06 20:29:59
阅读次数:
144
屏幕适配1.一款游戏能适应不同的手机分辨率,这个就是屏幕适配2.creator屏幕适配策略:1固定高度,2固定宽度,3固定宽高度3.cc.Canvas组件:决定屏幕的适配策略大小为屏幕的大小4.美术设计分辨率:美术任意在一个固定的分辨率下来设计资源,我们在canvas组件配置好进行释放.什么是固定高度和固定宽度?固定高度适配详解设计分辨率1:设计分辨率与固定宽度和高度策略:横屏游戏蓝色16:9的比
分类:
其他好文 时间:
2018-01-31 16:09:35
阅读次数:
119
太相信rem了,相信到将高度也写成固定高度了,今天就因为这个细节失误而出现了bug。 在安卓手机上没有问题,能完好的将内容全部装下,并且留白,但是在苹果手机上就不行了,思前想后,没有往固定高度这一块儿上想。 后来想起来高度一般都是写成自适应的,打开css样式表,修改样式,果然!在苹果手机上也能完美显 ...
分类:
其他好文 时间:
2018-01-02 16:49:58
阅读次数:
209
一,头尾固定中间高度自适应布局 布局要求: 1 头部固定高度,宽度100%自适应父容器; 2 底部固定高度,宽度100%自适应父容器; 3 中间是主体部分,自动填满,浏览器可视区域剩余部分,内容超出则中间部分出现流动条; 4 整个内容填满浏览器可视区域,并且不超出此区域! 方法一:position: ...
分类:
其他好文 时间:
2017-11-30 15:02:13
阅读次数:
172
<!--能怎么玩:hack元素后面是inline或者inline-block都可以;是图片是什么元素都可以;几个都可以;hack元素可以用before来完成(对着父元素加before);--> <!--使用条件:父元素要有高度(不是说要设固定高度,只不过没高度哪来的居中一说);需要居中的元素要设ve ...
分类:
其他好文 时间:
2017-11-18 20:03:23
阅读次数:
118
当在对象内的盒子使用了float后,导致对象本身不能被撑开自适应高度,这个是由于浮动产生原因。 如何解决父div对象自适应高度,方法有三种,接下来DIVCSS5逐一介绍。 1、首先我们先看HTML源代码: 2、问题效果截图: 方法一:对父级设置固定高度 - TOP 此方法可用于能确定父级div内子级 ...
分类:
Web程序 时间:
2017-10-10 19:12:45
阅读次数:
324
版权声明:本文为博主原创文章,未经博主允许不得转载。 前言 确认取消对话框,基于AlertDialog。不是基于DialogFragment。 按钮文本可以根据实际情况更换。 效果图 代码分析 AlertConfirmDialog继承AlertDialog; 当内容文本过多的时候,实现了固定高度的滑 ...
分类:
其他好文 时间:
2017-10-07 22:49:51
阅读次数:
177
最开始给p标签一个固定高度,设置超出隐藏。在jq中判断p元素的css是不是隐藏,隐藏的时候点击让其显示,高度自适应(恢复到原来应有的高度),否则则隐藏,恢复到固定高度 <!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <m ...
分类:
其他好文 时间:
2017-09-30 11:44:45
阅读次数:
226
在前端开发中,图片垂直居中对奇是很常见的,有些是固定高度,有些没有固定高度,本文分享我用的四种方法,希望对你有所启发。 以下说的做法暂不考虑IE浏览器的兼容性,适用于移动端 以下的做法中假定外层的高度和宽度已经固定。通用HTML和CSS代码: 1.相对定位+margin:auto 利用图片相对于外层 ...
分类:
其他好文 时间:
2017-09-25 22:07:00
阅读次数:
154