美好的一天。我怎样才能以我每次重新调整浏览器大小的方式设置我的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. CSS - 重新调整页面时整个部分消失
- 2. ASP.net页面调整
- 3. CSS3根据屏幕尺寸重新调整页面大小/显示屏
- 4. 自动调整大小的HTML页面
- 5. 如何使JTabbedPane自动调整大小以适应页面尺寸?
- 6. 针对不同显示器尺寸的Shiny webapp页面的自动调整
- 7. TCPDF Qr代码调整小尺寸页面
- 8. python matplotlib canvas不重新调整尺寸
- 9. tensorflow - 调整尺寸
- 10. 根据标签尺寸调整面板的尺寸
- 11. Facebook粉丝页面调整
- 12. 在回调中重建整个页面?
- 13. 自动页脚大小调整CSS
- 14. 当屏幕尺寸减小时自动调整图像尺寸
- 15. Android的调整大小/浮动页面
- 16. Bootstrap 3 - 根据尺寸调整CSS
- 17. html移动版,页面调整大小和滚动页面加载后出现
- 18. 调整后的XIB仍为全尺寸
- 19. iPhone - 调整UIActionSheet的尺寸
- 20. WordPress的环尺寸调整
- 21. 调整尺寸的UIView
- 22. Node.js调整图像尺寸
- 23. 更新窗口尺寸调整
- 24. 滚动条自动隐藏,除非我调整页面大小
- 25. 滚动调整UITableView的尺寸
- 26. 整个页面部分CSS
- 27. Ajax回调UpdatePanel.Update()仍然重新加载整个页面
- 28. 如何重新加载页面调整大小的jQuery插件?
- 29. 在iframed页面上重新调整iframe大小ontoggle
- 30. JQuery滑块重新调整页面的标签旋转
组宽度为100%的单!!! – SaurabhLP 2012-07-18 07:28:34
尝试搜索响应式网页设计。 – 2012-07-18 07:28:56