php数据宽度 php数据格式

PHP怎么获取屏幕的宽度与高度？

PHP是无法获取屏幕的高度和宽度的，你可以用JS来获取

创新互联服务项目包括安徽网站建设、安徽网站制作、安徽网页制作以及安徽网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，安徽网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到安徽省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

Javascript:

网页可见区域宽： document.body.clientWidth

网页可见区域高：

document.body.clientHeight

网页可见区域宽： document.body.offsetWidth

(包括边线的宽)

网页可见区域高： document.body.offsetHeight (包括边线的高)

网页正文全文宽：

document.body.scrollWidth

网页正文全文高： document.body.scrollHeight

网页被卷去的高：

document.body.scrollTop

网页被卷去的左： document.body.scrollLeft

网页正文部分上：

window.screenTop

网页正文部分左： window.screenLeft

屏幕分辨率的高：

window.screen.height

屏幕分辨率的宽： window.screen.width

屏幕可用工作区高度：

window.screen.availHeight

屏幕可用工作区宽度： window.screen.availWidth

JQuery:

$(document).ready(function(){

alert($(window).height()); //浏览器当前窗口可视区域高度

alert($(document).height()); //浏览器当前窗口文档的高度

alert($(document.body).height());//浏览器当前窗口文档body的高度

alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin

alert($(window).width()); //浏览器当前窗口可视区域宽度

alert($(document).width());//浏览器当前窗口文档对象宽度

alert($(document.body).width());//浏览器当前窗口文档body的宽度

alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin

})

PHP获取网页某个区域的宽度

建议使用 jQuery试试，$("#content")就可以取到如DIV中id=content的div对象，然后就可以通过$("#content").width()得到宽，然后可以通过ajax方式发送给服务器PHP。

php数据控制css中的width大小

width属性的使用方法进行总结。

width属性的使用

1. 解析width:100%;与width:auto;的区别

如果是p的width:100%，则说明p的width会得到980px就已经充满p区域，然后自己又有padding，所以会超出p。而当width:auto时它是总体宽度（包括width，margin,padding,border）等于父级宽度（width，不包含父级的margin,padding,border），所以如果padding已经左右占去10px的空间，那么width给的值就是960px。但无论是width:100%还是auto，其计算的参照都是父级内容区width值，而非总宽度值.

2. CSS调节图片的大小，要知道width、height

如何用css调整图片的大小，使用width和height这两个属性，这两个属性分别是用来设置元素的宽度和高度的。在CSS初学阶段，全部都是使用像素作单位。

3. css

宽度

width

宽度都是直接设置标签对象宽度，并且注意“等号”后跟具体数字宽度值（或百分比），具体宽度值不用跟长度单位，默认以像素(px)为单位，在TABLE表格标签或图片img标签内设置宽度时候其值不跟html单位，默认以像素为单位。

4. CSS2.1SPEC：视觉格式化模型之width属性详解(上)

width属性有几种不同的取值方式，有几下几种：

(1)宽度值：也就是用CSS长度值来明确地规定一个盒子的宽度，取值单位可以用CSS中支持的长度单位，比如px,em等。

(2)百分比：百分比是根据

包含块的宽度来计算的。但是如果包含块的宽度需要根据包含的内容来决定，那么最终的布局是未定义的，也就是标准中没有明确规定如何计算宽度值。另外，如果盒子是绝对定位的，那么它的百分比长度在计算时是根据包含块的

padding

edge的宽度来计算的。

(3)auto：根据CSS标准中规定的宽度计算方法来计算，具体的算法下文中将详细介绍

(4)inherit：事实上width属性是不可继承的，很奇怪为什么会有inherit这个选项，实际情况中width属性一般也很少用到inherit值

5. CSS2.1SPEC：视觉格式化模型之width属性详解(下)

"shrink-to-fit"算法的计算过程：

[1]计算preferred-width:在

除非包含的内容有明确的换行符(比如有br/标签时)，否则就不换行的情况下，容纳其包含的内容所需要的宽度。

[2]计算preferred-min-width:在

能换行时(英文碰到空格或标点符号，出现了块级元素，当然也包含出现了br/标签时)就换行的情况下，容纳所包含的内容需要的宽度。

[3]计算available-width:即利用2.2.3节中的公式：

available-width

=width

of

containing

block

-

'margin-left'

-

'border-left-width'

-

'padding-left'

-

'padding-right'

-

'border-right-width'

-

'margin-right，这里也包括所有滚动出去的宽度。

最终的width则为：min(preferred-width,

max(preferred-min-width,

available-width))。最终的公式可以总结为：最终的宽度以available-width为基准，同时保证不能大于preferred-width以及不能小于preferred-min-width