php工作笔记6-手机端适应缩放

1、静态页面

2、缩放JS

function zoomin(orBkgWidth, orBkgHeight,bkg)
{

if(window.innerWidth  || document.documentElement.clientWidth){
    var widths = document.documentElement.clientWidth ? document.documentElement.clientWidth : window.innerWidth;
}

if (window.innerHeight || document.documentElement.clientHeight ) {
    var heights = document.documentElement.clientHeight ? document.documentElement.clientHeight : window.innerHeight;
}

b1 = widths / orBkgWidth;
b2 = heights / orBkgHeight;

r = Math.min(b1,b2);

$(bkg).css("-ms-transform","scale(" + r+ ")");

$(bkg).css("-moz-transform","scale(" +r+ ")");

$(bkg).css("-webkit-transform","scale(" + r+ ")");

$(bkg).css("-o-transform","scale(" +r+ ")");

$(bkg).css("-webkit-transform-origin","scale(" + r+ ")");

}

时间: 2024-07-28 19:48:35

php工作笔记6-手机端适应缩放的相关文章

js实现双指缩放图片 手机端双指缩放图片

首先引入js文件,需要jq,pinchzoom.js.pinchzoom.js需要在jq环境下使用,可以 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta name="apple-mobile-web-app-capable" content="yes

手机端自适应缩放显示 js

<script> var _width = parseInt(window.screen.width); var scale = _width/640; var ua = navigator.userAgent.toLowerCase(); var result = /android (\d+\.\d+)/.exec(ua); if (result){ var version = parseFloat(result[1]); if(version>2.3){ document.write

手机端禁止缩放

添加代码: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

手机端参照写法

一.需求:要求在手机端页面新增一个参照: 怎么在手机页面新增一个参照节点?第一步:我们肯定要明白手机端这个页面是怎么展现的? 其实手机端展现的原理很简单,手机端是通过加载在portal界面配置好的手机模板,我们知道, portal可以配置手机.pc.pad三种终端的界面,这里我们需要配置在手机端的模板,具体看图: 浏览器输入127.0.0.1/portal输入管理员账号即可进入管理员界面, 选择系统管理->表单配置 选择main 然后就会跳转到"个性化设置",里面的说明看清楚.

(淘宝无限适配)手机端rem布局详解

一.        首先我们先来看看淘宝不同分辨率下的适配页面 可以看出来,淘宝在不同的分辨率下,页面的尺寸和模块间的间距会发生变化,这是因为淘宝采用了rem,这篇文章会简单介绍淘宝的布局思路以及具体做法,不过在此之前我们先了解一些移动端的知识,以为更好的理解淘宝布局的方案,下面我们来看一些移动端的知识 二.了解一些移动端的知识viewport的<meta>标签用法 其主要用来告诉浏览器如何规范的渲染Web页面,而你则需要告诉它视窗有多大 移动端开发中,通常我们都会采用<meta nam

手机端的viewport属性

Window.devicePixelRatioThis read-only property returns the ratio of the resolution in physical pixels to the resolution in CSS pixels for the current display device. 该值为分辨率之间的比,不是直接比较像素.分辨率是指单位英寸内像素数,类似于PPI.pc端浏览器中dpr的值都为1,所以css中1px的元素在屏幕中占据1物理像素.但在手

IBM Security AppScan Standard 用外部设备录制脚本(手机端应用、app、微信等)进行安全测试

一.打开AppScan,选择外部设备/客户机,点击下一步 二.记录代理设置,可以手动输入需要的端口号,也可以自动选择,记住端口号以及PC电脑的ip地址,手机端如何设置对应的端口跟ip可以参考 Jmeter(十三)用Jmeter自带录制工具代理录制手机端应用脚本APP脚本,原理是一样的 三.SSL证书,点击下一步 四.登陆管理,点击下一步, 选择"是" 五.选择测试策略,点击下一步 六.完成扫描配置向导 点击完成之后,会弹出录制窗口 七.外部流量记录器 这个时候,可以操作外部机器对需要扫

手机端的META你知道多少?

一.天猫 <title>天猫触屏版</title> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, use

手机端的META

一.天猫 <title>天猫触屏版</title> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, use

手机端MVVM-js框架-Gillie-中文版本

译者声明: 1.代码库发布在http://pablovallejo.github.io/gillie/ 2.查看API介绍直接戳这里看整理. Gillie是一个轻型MVC框架,受Backbone的启发实现.它提供了一些方法,可以实现RESTful HTTP请求,同时允许使用models,views和handlers来分离功能点.另外提供了事件API,从而views可以监听模型事件并采取适当行为,最终以这种方式实现了监听者设计模式. 获取代码 开发者版本 16 k 应用版本 4 K CDN版本: