檢測螢幕的寬度

p>檢測發現1:所有瀏覽器都支援怪異模式了，所以沒必要在單獨判斷

p>

<

p>檢測發現2：ie9以上版本標準模式都適用，但是ie9以下只有標準模式適用

p>

body

>

html

>

<

script

>

function

client()

}else

if(document.compatmode

==="

css1compat")

}return

}console.log(

"ie9及以上版本"+

window.innerwidth);

console.log(

"標準版本"+

document.documentelement.clientwidth);

console.log(

"怪異模式:"+

document.body.clientwidth);

varc

=client();

document.write(c.width);

script

>

經過測試：谷歌，火狐，ie9+,ie678均支援document.documentelement.clientwidth【標準模式】。測試去除dtd，標準模式對所述瀏覽器也支援。

doctype html

>
<
html 
lang
="en"
>
<
head
>
<
meta 
charset
="utf-8"
>
<
title
>title
title
>
head
>
<
body
>
<
p>檢測發現1:所有瀏覽器都支援怪異模式了，所以沒必要在單獨判斷
p>
<
p>檢測發現2：ie9以上版本標準模式都適用，但是ie9以下只有標準模式適用
p>
body
>
html
>
<
script
>
function
client() 
}console.log(
"ie9及以上版本"+
window.innerwidth);
console.log(
"標準版本"+
document.documentelement.clientwidth);
console.log(
"怪異模式:"+
document.body.clientwidth);
varc 
=client();
document.write(c.width);
script
>

網頁寬度自動適應手機螢幕寬度

在網頁的中增加以上這句話，可以讓網頁的寬度自動適應手機螢幕的寬度。其中 width device width 表示寬度是裝置螢幕的寬度 initial scale 1.0 表示初始的縮放比例 minimum scale 0.5 表示最小的縮放比例 maximum scale 2.0 表示最大的縮放比...

網頁自適應螢幕寬度

隨著3g的普及，越來越多的人使用手機上網。移動裝置正超過桌面裝置，成為訪問網際網路的最常見終端。於是，網頁設計 師不得不面對乙個難題 如何才能在不同大小的裝置上呈現同樣的網頁內容？手機的螢幕比較小，寬度通常在600畫素以下 pc的螢幕寬度，一般都在1000畫素以上 目前主流寬度是1366 768 有...

移動端獲取螢幕寬度

今天聊乙個開發移動端經常碰到的乙個問題 如何獲取螢幕寬度，獲取螢幕的辦法有很多，今天總結一下各個方法的優點 缺點。用jquery或者zepto獲取螢幕寬度的方法最為簡單，但是在android平台上，有時會獲取的不準確 為0 從而影響布局。在ios平台上還是很穩定。1 varwidth window ...