CSS頁面調整後自動重新調整頁面尺寸

-2

美好的一天。我怎樣才能以我每次重新調整瀏覽器大小的方式設置我的CSS，頁面上的內容會自動重新調整大小。CSS頁面調整後自動重新調整頁面尺寸

2012-07-18 Apulo Ohale Cosmas Lite

組寬度爲100％的單!!! – SaurabhLP 2012-07-18 07:28:34

嘗試搜索響應式網頁設計。 – 2012-07-18 07:28:56

這裏是示例代碼..看看

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
    <TITLE>Strawberries</TITLE> 
    <SCRIPT TYPE="text/javascript"> 
     <!-- 
     function image(url, width, height) { 
      return('<IMG SRC="' + url + '"' + 
       ' WIDTH=' + width + 
       ' HEIGHT=' + height + '>'); 
     } 
     function strawberry1(width) { 
      return(image("images/Strawberry1.gif", width, Math.round(width*1.323))); 
     } 

     function strawberry2(width) { 
      return(image("images/Strawberry2.gif", width, Math.round(width*1.155))); 
     } 
     // --> 
    </SCRIPT> 
    <SCRIPT TYPE="text/javascript"> 
     <!-- 
     var imageWidth = window.innerWidth/4; 
     var fontSize = Math.min(7, Math.round(window.innerWidth/100)); 
     document.writeln('<TABLE>\n' +' <TR><TD>' + strawberry1(imageWidth) + '\n' +'<TH><FONT SIZE=' + fontSize + '>\n' +'"Doubtless God <I>could</I> have made\n' +'a better berry, but doubtless He\n' +'never did."</FONT>\n'+'<TD>' + strawberry2(imageWidth) + '\n' +'</TABLE>'); 
     // --> 
    </SCRIPT> 
    </HEAD> 
<BODY>  
<HR> 

Strawberries are my favorite garden crop; a fresh ... 
</BODY> 
</HTML>

來源

2012-07-18 08:30:51

使用 %而不是px。你也可以使用javascript

來源

2012-07-18 07:28:44

我如何使用java腳本實現此目的？如果你能用示例幫忙，我會很高興。謝謝 – 2012-07-18 08:03:02

我不認爲增加js的重量和複雜性來解決這樣一個簡單的問題是一個好主意。 CSS更輕，更容易實現修復。 – imakeitpretty 2012-07-18 16:10:28

我想你要找的是一個響應式框架。我建議你使用現有的像Foundation 3或Twitter Bootstrap。他們還提供的不僅僅是響應式的，如預先設計的按鈕，手風琴菜單，下拉菜單等等。

來源

2012-07-18 08:27:23 menislici

CSS頁面調整後自動重新調整頁面尺寸

回答

相關問題