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页面调整后自动重新调整页面尺寸

回答

相关问题