1、设置自适应屏幕，两者合用setUseWideViewPorttrue 将图片调整到适合webview的大小 setLoadWithOverviewModetrue 缩放至。

2、cos θ = 新高度 旧高度 = 280 360 用js计算角度单位是degvar rotate = Mathacos280360*180MathPItoFixed2 新高度 旧高度 33 宽高比变小 宽高比减小时，以高度为基准，调整rotateY即可实现宽度变小，也就是宽高比变小了举个例子，假如原始视频分辨率；使用%，按百分比自适应布局使用rem，结合html元素的fontsize来根据屏幕宽度适配使用vwvh，直接根据视口宽高适配本地储；高度自适应的解决方案是通过MutationObserver观测 iframe 的 body 变化，在回调中计算挂载点第一个子元素的高度，然后再修改；“自适应网页设计”的核心，就是CSS3引入的 Media Query模块它的意思就是，自动探测屏幕宽度，然后加载相应的CSS文件上面的代码意思是，如果屏幕宽度小于400像素maxdevicewidth 400px，就加载tinyScreencss文件如果屏幕宽度在400像素到600像素之间，则加载smallScreencss文件除了用html标签。

3、自从2010年，Ethan Marcotte提出了 逗自适应网页设计地Responsive Web Design这个名词，指可以自动识别屏幕宽度并做出相应调整的网页设计他制作了一个 范例，里面是福尔摩斯历险记六个主人公的头像如果屏幕宽度大于1300像素，则6张图片并排在一行如果屏幕宽度在600像素到1300像素之间，则6张图。

4、BFC 的高度时，浮动元素也参与计算自适应多栏布局 BFC的区域不会与float box重叠因此，可以触发生成一个新的BFC8 异步；html Img element div with background image CSSimg width 300 px 像素单位是最精确的，但是不适用于自适应的设计px单位是。

5、return Object function getOid return documentgetElementByIdid 设置div的显示或隐藏其他元素也可以param id 层的id或其他元素的id param type 1为显示0为隐藏 function showDivid， type if getOid ！= null var status = quot1quot == type ？ quotblockquot；如果某个div设置了高度，你可以获取这个div的高度，然后可以把这个高度给任意一个div赋值var height_num=documentgetElementByIdquotdivIDquotheightvar object_div=documentgetElementByIdquotchildDivquotobject_divheight=height_num；09html5videoresize 32 宽高比变大 保持宽度不变，调整rotateX即可实现高度变小，也就是宽高比变大了看下图举个例子，假如原始视频分辨率是640*320169，我想把它调成167，也就是640*280，那么cos θ = 新高度 旧高度 = 280。