基本的屏幕适配知识:
1、屏幕大小
在Android系统中,把屏幕大小分为以下4种:small、normal(标准)、large、
extra large(引申为更大的屏幕)。
2、屏幕密度
在Android系统中,屏幕密度指的是在指定的屏幕大小区域内,有多少个像素。基本单位为dpi(点/每英寸)。
基本包括4种密度:low、dedium(中等)、high、extra high(引申为更高的密度)。
常见的屏幕密度如下:QVGA(240x320)、HVGA(320x480)、WVGA800(480x800)
第2部分:
Android官方的解决方案:
从Android1.6版系统起,res文件夹下面的drawable文件夹由原来的1个变为了3个。
如下图所示:
这三个文件夹分别用来存放高密度、中等密度和低密度的图片。
具体的适配方法,用一个案例来说明。
例如:
创建一个工程:test_demo_01
在3个drawable文件夹下面分别放置高密度、中等密度和低密度的图片。
然后在AndroidMainfest.xml中添加如下内容:
此外需要注意的是:
1、图片布局的基本单位应该是dip。
2、不要使用绝对布局(AbsoluteLayout)。
以下是3种屏幕的自适应结果
1. 移动布局自适应不同屏幕的几种方式(1)响应式布局
(2)100%布局(弹性布局)
开局审案,你会怎么判?
广告
开局审案,你会怎么判?
(3)等比缩放布局(rem)
2. iscroll安卓低版本卡顿,如何解决?
方案一:iScroll v5.1.3 设置momentum: true
方案二:配置probeType
方案三:开启硬价加速:给scroll元素增加css样式:-webkit-transform:translate3d(0,0,0)
方案四:判断手机版系统版本,应用原生CSS:overflow-y:scroll
3. 移动布局自适应不同屏幕的几种方式
(1)响应式布局
(2)100%布局(弹性布局)
(3)等比缩放布局(rem)
4. 你们做移动端平时在什么浏览器上测试?
Chrome,Safari,微信X5,UC,其他手机自带浏览器
5. 说说移动端是如何调试的?
移动端调试:
(1)模拟手机调试chrome://inspect
(2)真机调试之android手机+Chrome
(3)真机调试之iphone + safari
(4)UC浏览器
(5)微信内置浏览器调试
(6)debuggap
(7)抓包
6. 说说ICONFONT是如何用的?
从以下几个方面做答:
(1)font-face
(2)什么是iconfont,iconfont怎么用
(3)iconfont怎么做
(4)iconfont的利和弊
7. 说说移动端Web分辨率
从以下几个方面做答:
(1)PC到移动,渲染的变迁
(2)可以更改的布局宽度
(3)再次变迁的像素
(4)又一次变迁
(5)是时候说说安卓了