页面自动适应大小&&获取页面的大小

简介: 直接上代码:var size = 1.0; function showheight() { alert(document.body.clientHeight);}function zoomout() { size = size + 0.

直接上代码:

<script type="text/JavaScript">

var size = 1.0;  
function showheight() {
    alert(document.body.clientHeight);
}
function zoomout() {
 size = size + 0.1;  
 set(); 
}  


function zoomin() {  
 size = size - 0.1;  
 set();  
}  


function set() {  
 //document.body.style.cssText = document.body.style.cssText + '; -webkit-transform: scale(' + size + ');-webkit-transform-origin: 0 0;';   
 //document.body.style.cssText = document.body.style.cssText + '; -webkit-transform: scale(' + size + '); '; 
 //$(body).css("width","120%);
document.body.style.zoom = size;
document.body.style.cssText += '; -moz-transform: scale(' + size + ');-moz-transform-origin: 0 0; ';     //
} 
    </script>
    <input type="button" onclick="javascript:zoomin();" value="zoomin">
    <input type="button" onclick="javascript:zoomout();" value="zoomout">
    <input type="button" onclick="javascript:showheight();" value="showheight">

 

 

相关文章
|
19天前
带分享按钮404页面丢失模板
带分享按钮404页面丢失模板
37 20
|
4月前
|
数据采集 搜索推荐 UED
什么是404页面
404页面,也被称为“未找到页面”,是当用户尝试访问一个不存在的网页时,服务器返回的一个错误页面。这个页面告诉用户他们请求的页面不存在或无法找到,通常是因为输入了错误的链接或请求的页面已被删除或移动
|
前端开发
页面报错404
报错分析: 在之前的项目中经常会看到页面报404的错误:找不到页面,大多数情况下是文件路径写错了; 前几天在项目中,碰到了另一个错误:400错误。
118 0
|
存储 Android开发 文件存储
WebView加载页面的两种方式——网络页面和本地页面
WebView加载页面的两种方式 一、加载网络页面   加载网络页面,是最简单的一种方式,只需要传入http的URL就可以,实现WebView加载网络页面 代码如下图: 二、加载本地页面   1、加载assets目录下的HTML页面: 加载assets目录的页面,大多数可以用来做页面数据的存储打包...
2461 0
|
存储 缓存 前端开发
前端的单页面模式和多页面模式
前端的单页面模式和多页面模式
483 0
前端的单页面模式和多页面模式
|
搜索推荐 UED 索引
单页面是什么呢?单页面怎么优化
单页面是什么 单页面就是一种布局很简单的静态页面,在互联网早期,大多数网站都是以单页面的形式存在的。但是那时候大多数站长对单页面网站的重视度不够,且很少有人去专门做单页网站。 基本都是做一个多页的网站,整体性的来做SEO,用整体性的网站提升单页面权重和PR值,以实现推广目的。后来随着互联网的发展,单页网站逐渐消失在人们的视野中。 然而,单页面的网站有时候也能达到多页面的网站所达不到的效果,比如说利于集中权重、利于增加网站相关性、更容易被抓取,随着最近淘宝客等形式的净收益的出现,单页面以其简单的氛围优势,再次出现在人们的眼中。
222 0
「服务范围」页面
5招教你打造有超强吸引力的「服务范围」页面
288 0
|
前端开发 JavaScript
构建多页面应用——单个页面的处理
在看这篇文章之前,需要你对构建多页面应用有一定的基础认识,如果没有的话,可以先参考这篇文章webpack 构建多页面应用。 多页面应用是由一个个独立的页面组成。
1116 0