JavaScript - 如何設置百分比按鈕的寬度/位置？

Question

我需要設置在porcent頁面元素的位置/大小，當移動旋轉...

我曾嘗試：

frame.width = 30%; 
button.width = 50%; 

Answer 1

專家克里斯Coyier提供了關於如何分類設備優良的意見基於媒體查詢的方向。

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

Here is the article。

這是響應式網頁設計新興領域的一個關鍵主題。

下面是一個簡單的例子：

<style> 
    /* iPads (landscape) ----------- */ 
    @media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px) 
    and (orientation : landscape) { 
    /* Styles */ 
     .frame{width : 30%;} 
     .button{width : 50%;} 
    } 
</style> 

或者，包括一個獨立的CSS文件中：

<link rel="stylesheet" href="./responsiveness.css"> 

很好的問題。希望有所幫助。