PHP怎么獲取屏幕的寬度與高度？

PHP是無法獲取屏幕的高度和寬度的，你可以用JS來獲取

創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括安徽網(wǎng)站建設(shè)、安徽網(wǎng)站制作、安徽網(wǎng)頁制作以及安徽網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，安徽網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到安徽省份的部分城市，未來相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

Javascript:

網(wǎng)頁可見區(qū)域?qū)挘?document.body.clientWidth

網(wǎng)頁可見區(qū)域高：

document.body.clientHeight

網(wǎng)頁可見區(qū)域?qū)挘?document.body.offsetWidth

(包括邊線的寬)

網(wǎng)頁可見區(qū)域高： document.body.offsetHeight (包括邊線的高)

網(wǎng)頁正文全文寬：

document.body.scrollWidth

網(wǎng)頁正文全文高： document.body.scrollHeight

網(wǎng)頁被卷去的高：

document.body.scrollTop

網(wǎng)頁被卷去的左： document.body.scrollLeft

網(wǎng)頁正文部分上：

window.screenTop

網(wǎng)頁正文部分左： window.screenLeft

屏幕分辨率的高：

window.screen.height

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

屏幕可用工作區(qū)高度：

window.screen.availHeight

屏幕可用工作區(qū)寬度： window.screen.availWidth

JQuery:

$(document).ready(function(){

alert($(window).height());?//瀏覽器當(dāng)前窗口可視區(qū)域高度

alert($(document).height());?//瀏覽器當(dāng)前窗口文檔的高度

alert($(document.body).height());//瀏覽器當(dāng)前窗口文檔body的高度

alert($(document.body).outerHeight(true));//瀏覽器當(dāng)前窗口文檔body的總高度?包括border?padding?margin

alert($(window).width());?//瀏覽器當(dāng)前窗口可視區(qū)域?qū)挾?/p>

alert($(document).width());//瀏覽器當(dāng)前窗口文檔對象寬度

alert($(document.body).width());//瀏覽器當(dāng)前窗口文檔body的寬度

alert($(document.body).outerWidth(true));//瀏覽器當(dāng)前窗口文檔body的總寬度?包括border?padding?margin

})

PHP獲取網(wǎng)頁某個(gè)區(qū)域的寬度

建議使用 jQuery試試，$("#content")就可以取到如DIV中id=content的div對象，然后就可以通過$("#content").width()得到寬，然后可以通過ajax方式發(fā)送給服務(wù)器PHP。

php數(shù)據(jù)控制css中的width大小

width屬性的使用方法進(jìn)行總結(jié)。

width屬性的使用

1. 解析width:100%;與width:auto;的區(qū)別

如果是p的width:100%，則說明p的width會(huì)得到980px就已經(jīng)充滿p區(qū)域，然后自己又有padding，所以會(huì)超出p。而當(dāng)width:auto時(shí)它是總體寬度（包括width，margin,padding,border）等于父級(jí)寬度（width，不包含父級(jí)的margin,padding,border），所以如果padding已經(jīng)左右占去10px的空間，那么width給的值就是960px。但無論是width:100%還是auto，其計(jì)算的參照都是父級(jí)內(nèi)容區(qū)width值，而非總寬度值.

2. CSS調(diào)節(jié)圖片的大小，要知道width、height

如何用css調(diào)整圖片的大小，使用width和height這兩個(gè)屬性，這兩個(gè)屬性分別是用來設(shè)置元素的寬度和高度的。在CSS初學(xué)階段，全部都是使用像素作單位。

3. css

寬度

width

寬度都是直接設(shè)置標(biāo)簽對象寬度，并且注意“等號(hào)”后跟具體數(shù)字寬度值（或百分比），具體寬度值不用跟長度單位，默認(rèn)以像素(px)為單位，在TABLE表格標(biāo)簽或圖片img標(biāo)簽內(nèi)設(shè)置寬度時(shí)候其值不跟html單位，默認(rèn)以像素為單位。

4. CSS2.1SPEC：視覺格式化模型之width屬性詳解(上)

width屬性有幾種不同的取值方式，有幾下幾種：

(1)寬度值：也就是用CSS長度值來明確地規(guī)定一個(gè)盒子的寬度，取值單位可以用CSS中支持的長度單位，比如px,em等。

(2)百分比：百分比是根據(jù)

包含塊的寬度來計(jì)算的。但是如果包含塊的寬度需要根據(jù)包含的內(nèi)容來決定，那么最終的布局是未定義的，也就是標(biāo)準(zhǔn)中沒有明確規(guī)定如何計(jì)算寬度值。另外，如果盒子是絕對定位的，那么它的百分比長度在計(jì)算時(shí)是根據(jù)包含塊的

padding

edge的寬度來計(jì)算的。

(3)auto：根據(jù)CSS標(biāo)準(zhǔn)中規(guī)定的寬度計(jì)算方法來計(jì)算，具體的算法下文中將詳細(xì)介紹

(4)inherit：事實(shí)上width屬性是不可繼承的，很奇怪為什么會(huì)有inherit這個(gè)選項(xiàng)，實(shí)際情況中width屬性一般也很少用到inherit值

5. CSS2.1SPEC：視覺格式化模型之width屬性詳解(下)

"shrink-to-fit"算法的計(jì)算過程：

[1]計(jì)算preferred-width:在

除非包含的內(nèi)容有明確的換行符(比如有br/標(biāo)簽時(shí))，否則就不換行的情況下，容納其包含的內(nèi)容所需要的寬度。

[2]計(jì)算preferred-min-width:在

能換行時(shí)(英文碰到空格或標(biāo)點(diǎn)符號(hào)，出現(xiàn)了塊級(jí)元素，當(dāng)然也包含出現(xiàn)了br/標(biāo)簽時(shí))就換行的情況下，容納所包含的內(nèi)容需要的寬度。

[3]計(jì)算available-width:即利用2.2.3節(jié)中的公式：

available-width

=width

of

containing

block

-

'margin-left'

-

'border-left-width'

-

'padding-left'

-

'padding-right'

-

'border-right-width'

-

'margin-right，這里也包括所有滾動(dòng)出去的寬度。

最終的width則為：min(preferred-width,

max(preferred-min-width,

available-width))。最終的公式可以總結(jié)為：最終的寬度以available-width為基準(zhǔn)，同時(shí)保證不能大于preferred-width以及不能小于preferred-min-width