举个例子ul li适配屏幕,如果加个border:1px,不用border-content得情况下,每个li多加了2px: <ul><li></li><li></li><li></li><li></li></ul> <style> ul{ width:100% list-style:none} ul ...
分类:
Web程序 时间:
2020-03-29 10:56:30
阅读次数:
66
////如有侵权 请联系我进行删除 email:YZFHKM@163.com 1、游戏屏幕适配 屏幕适配是为了让我们的项目能够跑在各种电子设备上(手机,平板,电脑) 那么了解是适配之前首先要了解两个知识点: 1-1、什么是像素? 单位面积中构成图像的点的个数。 特点:单位面积内的像素越多,分辨率越高 ...
分类:
移动开发 时间:
2019-11-02 11:57:43
阅读次数:
499
默认情况下先显示移动端,通过 @media 属性适配屏幕变化 使用flexbox相关的CSS属性 display: flex; (父元素) flex wrap: nowrap | wrap | wrap reverse; (父元素, 子元素超出该如何显示) flex: flex grow flex ...
分类:
移动开发 时间:
2018-11-11 23:23:16
阅读次数:
221
九月已成历史,十月如期而至...可能是九月工作比较清闲,周记就没怎么写,十月决不能这么堕落,立贴为证,至少保证5篇博客!!!如果没学到什么新知识,就对以往的那些工作中常用到的知识点做个总结...话不多说,今天就来谈谈移动端的rem适配...本文将从rem是什么、为什么要用rem适配、怎么用rem来讲 ...
分类:
移动开发 时间:
2018-10-03 00:26:01
阅读次数:
1072
Less(Learner Style Sheets)是向后兼容css扩展语言。 变量(Variables) 编译后等同于: 混合(Mixins) 嵌套(Nesting) 适配屏幕(@supports、@media) 运算(Operations) 函数(Functions) Maps 作用域(Scop ...
分类:
其他好文 时间:
2018-09-10 22:24:41
阅读次数:
346
1、屏幕尺寸 2、屏幕适配 2.1 位置尺寸适配 2.2 字体大小适配 ...
分类:
其他好文 时间:
2018-07-29 14:14:29
阅读次数:
140
今天博客的内容就系统的讨论一下Masonry对FSP的影响,以及如何更好的使用Masonry。如果你对iOS开发足够熟悉的话,那么对Masonry框架应该不陌生。简单的说,Masonry的诞生让AutoLayout的使用更为优雅,让控件的布局更为方便。使用辩证的观点来看一个事物的话,凡事都有两面性, ...
分类:
移动开发 时间:
2018-04-27 19:41:15
阅读次数:
273
屏幕适配1.一款游戏能适应不同的手机分辨率,这个就是屏幕适配2.creator屏幕适配策略:1固定高度,2固定宽度,3固定宽高度3.cc.Canvas组件:决定屏幕的适配策略大小为屏幕的大小4.美术设计分辨率:美术任意在一个固定的分辨率下来设计资源,我们在canvas组件配置好进行释放.什么是固定高度和固定宽度?固定高度适配详解设计分辨率1:设计分辨率与固定宽度和高度策略:横屏游戏蓝色16:9的比
分类:
其他好文 时间:
2018-01-31 16:09:35
阅读次数:
119
首先,允许网页手机模式,并且适配屏幕宽高,并且强制让浏览器以最高的解析模式解析文本(为了避免兼容性不好) <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-sca ...
分类:
其他好文 时间:
2017-10-13 16:07:09
阅读次数:
163
1.屏幕尺寸相关变化 2.横竖屏安全区对比 3.其他设备安全区域对比 4.应用设计 5.控件布局 更多可查看官方文档和视频Creating apps for iPhone X. 如何让APP适配? APP启动样式适配 相信有一部分道友的APP在iPhone X上运行时并没有像想象中那样占满整个屏幕, ...
分类:
其他好文 时间:
2017-09-26 11:13:19
阅读次数:
284