JQ行吗？
$(document)width(); 然后传到后台接收咯手册 ajax事件
这个是简单的例子：
JS:
<scritp>
$(function(){
var H = $(document)width();
$post("testphp",{h:H},function(data){
alert(data);
});
});
</script>
这里假设html和php是同目录
testphp<php
$h = $_POST['h']; //这个就是接收的参数
echo $h;die;
>
//具体的就不说明了，代码运行一次就明白了，访问html文件
获取浏览器窗口大小，jQuery的写法是这样：
宽
$(window)width()
高
$(window)height()
等比例地定位div，可以设置div样式
例如：position:absolute;top:10%;left:20%;width:40%;height:50%
1、在网页的<head>中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度:
[html] view plaincopy
<meta name="viewport" content="width=device-width, initial-scale=10, minimum-scale=05, maximum-scale=20, user-scalable=yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="format-detection" content="telephone=no" />
<!--
第一行：
width=device-width ：表示宽度是设备屏幕的宽度
initial-scale=10：表示初始的缩放比例
minimum-scale=05：表示最小的缩放比例
maximum-scale=20：表示最大的缩放比例
user-scalable=yes：表示用户是否可以调整缩放比例
第二行：
设定iphone端页面全屏。
第三行：
取消数字被识别为电话号码。
-->
2、如果是想要一打开网页，则自动以原始比例显示，并且不允许用户修改的话，则是：
[html] view plaincopy
<meta name="viewport" content="width=device-width, initial-scale=10, minimum-scale=10, maximum-scale=10, user-scalable=no" />
3、这样可以把一些页头横幅等的的宽度都设置成style="width:100%"，整个页面在设备上看起来就是全屏的了。
第二种方法：
android中放入html 无非是嵌再webView里。为什么要在html中获取呢，在webView所在的activity中获取不行么。
DisplayMetrics dm= new DisplayMetrics();
activitygetWindowManager()getDefaultDisplay()getMetrics(dm);
width= dmwidthPixels;
height= dmheightPixels;
希望能对你有所帮助 !
alert($(window)height()); //浏览器时下窗口可视区域高度
alert($(document)height()); //浏览器时下窗口文档的高度
alert($(documentbody)height());//浏览器时下窗口文档body的高度
alert($(documentbody)outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin
alert($(window)width()); //浏览器时下窗口可视区域宽度
alert($(document)width());//浏览器时下窗口文档对于象宽度
alert($(documentbody)width());//浏览器时下窗口文档body的高度
alert($(documentbody)outerWidth(true));
div中是在jsp中使用，用来设置区域上的效果，可以使用document对象来获得该div的id，进而得到该div所占据的宽度值，如下：
<div id="banner" style="width:100%">
js获取banner的宽度：documentgetElementById("banner")offsetWidth
windowscreenwidth
网页可见区域宽： documentbodyclientWidth
网页可见区域高： documentbodyclientHeight
网页可见区域宽： documentbodyoffsetWidth (包括边线的宽)
网页可见区域高： documentbodyoffsetHeight (包括边线的高)
网页正文全文宽： documentbodyscrollWidth
网页正文全文高： documentbodyscrollHeight
网页被卷去的高： documentbodyscrollTop
网页被卷去的左： documentbodyscrollLeft
网页正文部分上： windowscreenTop
网页正文部分左： windowscreenLeft
屏幕物理分辨率的高： windowscreenheight
屏幕物理分辨率的宽： windowscreenwidth
屏幕可用工作区高度： windowscreenavailHeight
屏幕可用工作区宽度： windowscreenavailWidth
屏幕缩放因子：windowdevicePixelRatio
屏幕逻辑分辨率：windowscreenwidth windowdevicePixelRatio (缩放因子与物理分辨率的乘积)
css不行的，如果用css表达式可以取到页面宽度和高度，但不兼容非ie浏览器。这个还是应该用js取：
documentdocumentElementclientWidth：取得浏览器页面可视区域的宽度documentdocumentElementclientHeight：取得浏览器页面可视区域的高度
screenwidth：取得屏幕宽度
screenheight：取得屏幕高度
screenavailWidth：取得除任务栏外的屏幕宽度
screenavailHeight取得除任务栏外的屏幕高度
级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。
以上就是关于php获取当前页面宽度全部的内容，包括:php获取当前页面宽度、js怎么获取整个浏览器页面宽度、如何在html中获得android手机中浏览器的屏幕的宽度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）