美好的一天。我怎樣才能以我每次重新調整瀏覽器大小的方式設置我的CSS,頁面上的內容會自動重新調整大小。CSS頁面調整後自動重新調整頁面尺寸
-2
A
回答
0
這裏是示例代碼..看看
<!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>
2
使用 %
而不是px
。 你也可以使用javascript
+0
我如何使用java腳本實現此目的?如果你能用示例幫忙,我會很高興。謝謝 – 2012-07-18 08:03:02
+0
我不認爲增加js的重量和複雜性來解決這樣一個簡單的問題是一個好主意。 CSS更輕,更容易實現修復。 – imakeitpretty 2012-07-18 16:10:28
0
我想你要找的是一個響應式框架。我建議你使用現有的像Foundation 3或Twitter Bootstrap。他們還提供的不僅僅是響應式的,如預先設計的按鈕,手風琴菜單,下拉菜單等等。
相關問題
- 1. 在網頁上自動重新調整尺寸圖像
- 2. Css 100%身高:重新調整頁面時,頁腳滾動到內容頁面
- 3. 頁腳自動調整css
- 4. CSS - 重新調整頁面時整個部分消失
- 5. ASP.net頁面調整
- 6. WPF頁面調整
- 7. CSS3根據屏幕尺寸重新調整頁面大小/顯示屏
- 8. 自動調整大小的HTML頁面
- 9. 重新調整窗口大小調整頁面
- 10. 針對不同顯示器尺寸的Shiny webapp頁面的自動調整
- 11. 如何使JTabbedPane自動調整大小以適應頁面尺寸?
- 12. TCPDF Qr代碼調整小尺寸頁面
- 13. Jpanel調整重繪尺寸
- 14. 將尺寸調整爲小尺寸時頁面內容會變形
- 15. ScrolledPanel裏面板沒有調整尺寸
- 16. IPads和自動調整大小/重新調整網站的尺寸
- 17. 無需重新驗證即可調整面板的尺寸
- 18. python matplotlib canvas不重新調整尺寸
- 19. tensorflow - 調整尺寸
- 20. 根據標籤尺寸調整面板的尺寸
- 21. Facebook粉絲頁面調整
- 22. 在回調中重建整個頁面?
- 23. 自動頁腳大小調整CSS
- 24. 當屏幕尺寸減小時自動調整圖像尺寸
- 25. 如何重新調整3D CSS立方體的尺寸
- 26. 頁面動態調整大小
- 27. Android的調整大小/浮動頁面
- 28. 當重新調整尺寸時,使頁腳按內容被推下頁面,而不是懸停在
- 29. Bootstrap 3 - 根據尺寸調整CSS
- 30. 在CSS中調整圖片的尺寸
組寬度爲100%的單!!! – SaurabhLP 2012-07-18 07:28:34
嘗試搜索響應式網頁設計。 – 2012-07-18 07:28:56