根據屏幕分辨率應用類名（css）

如果我有1024×768分辨率，我的應用程序應該是100％（表格佈局）。如果我的分辨率高於1024×768，則應用程序應居中對齊（表格寬度爲80％）。

function MOSTRA() { 
    var SCR = screen.availWidth; 
    var BRW = window.outerWidth; 
    if (BRW < SCR) { 
     document.getElementById('sample').className = 'maintable'; 
    } else { 
     document.getElementById('sample').className = 'maintable1'; 
    } 
} 
window.onresize = MOSTRA; 
window.onload = MOSTRA;

我已經使用上面的代碼，但這是行不通的。

大家好，我已經檢查了把警報放在需要的地方。現在我知道在window.outerWidth中出現問題的位置，因爲當我在該區域發出警報時，我正在IE中獲取未定義的值。看來Ie不支持外部寬度。我從下面的鏈接中獲得了上面的代碼。

http://jsfiddle.net/Guffa/q56WM/

請helpe我。

這是一個緊迫的問題提前

感謝

來源

2012-12-04 karthic

請幫我上面的代碼 – karthic

使用CSS3 Media Queries：

@media screen and (min-width: 1024px) and (min-width: 768px) 
{ 
    /* Center table! */ 
}

也是可能的：

<link rel="stylesheet" media="screen and (min-width: 1024px) and (min-width: 768px)" href="example.css" />

JS變種（因爲OP不想CSS 3）：

if (window.screen.width >= 1024 && window.screen.width >= 768) { 
    document.head.innerHTML += '<link rel="stylesheet" href="centerTable.css" type="text/css" />' 
}

來源

2012-12-04 20:42:16 ComFreek

感謝upvoter，我有確切4K的聲譽現在;） – ComFreek

感謝杉及時的幫助，但在這裏我不能使用css3 我必須使用基於JavaScript的單個樣式表我必須注意此問題 – karthic

@karthic您可以使用'window.screen.width/height'並通過JS注入適當的樣式表。 – ComFreek

務實包括基於顯示寬度，介質類型樣式表：http://www.w3.org/TR/css3-mediaqueries/

來源

2012-12-04 20:42:34 circusdei

根據屏幕分辨率應用類名（css）

回答

相關問題