创建这样的 html 页面是一种糟糕的风格吗?
<html>
<head>
<!--some script goes here-->
</head>
<body>
<div id ="body" style="width:1000px">
<!-- now all stuff is done here-->
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
我只是将所有的标签body包装成 wrapper #body。因为当我最小化浏览器窗口时,页面上下颠倒,我的页面还涉及诸如float:left和float:right有时表之类的东西。即使我不使用浮动属性或表格,当我最小化浏览器窗口时,文字也会重新排列
当我开始使用时<div style="width:1000px">,即使我最小化了浏览器窗口,元素仍然处于相同的位置。所以我从 body 的开头到结尾都使用 div 标签将所有 body 元素包装成一个。我只是用于宽度尺寸
我想知道这是一种糟糕的设计风格吗?如果是这样,那么当我最小化浏览器窗口或显示器尺寸太小而无法处理时,我如何阻止网页重新排列。
如果您确实希望无论使用哪种浏览器,页面宽度均为 1000 像素,也可以。如果您希望页面在较小的设备(手机、平板电脑等)上优雅地降级/调整大小/重新排列,那么显然不是。就那么简单。
然而,设计一个优雅的页面需要从头开始工作:布局、拉伸、菜单消失等等……这不仅仅是一切自动工作的问题。
最后一点,我建议您使用 CSS 网格或其他(例如http://960.gs/),而不是您自己的包装器,然后首先使用单行和全宽 div。然后,随着开发的进行,您可能会发现自己越来越多地使用网格来布局页面元素,因为它简单、优雅且具有视觉吸引力。你的页面越依赖网格,它的大小调整就越多。
| 归档时间: |
|
| 查看次数: |
170 次 |
| 最近记录: |