0

第一次从头开始设计网页布局，并想知道设置网页及其上所有组件测量的最佳实践是什么。该页面将具有水平标题，其中带有导航栏，下方有三列。到目前为止，这就是我想出的：

  • 修复了具有水平对齐导航链接的标题部分的像素高度
  • 固定 web 组件的高度和宽度（以像素为单位）
  • 组件位于设置了 min-width 的三列（div 元素）中

我错过了什么或者这是一个好方法吗？

PS我非常了解Bootstrap等，但不能在这个项目中使用任何框架，只能使用纯html/css

4

3 回答 3

1

如果你知道基本的 HTML 和 CSS（可能还有 javaScript），我会立即去阅读 twitter-bootstrap http://getbootstrap.com/

如果您不能使用框架，那么https://html5boilerplate.com/将是开始让自己获得公平竞争环境和良好结构的好地方 :) 我认为这可能是您项目的完美开始。

于 2017-03-06T09:42:40.833 回答
0

您的问题非常广泛，可能会被关闭，但需要考虑的事项；

考虑使用其他人指出的HTML Boilerplate 。这不是一个框架，它只是一个 HTML 文档的起点，其中包括一个重置，它将消除您在开始时可能遇到的任何不一致。您应该根据您的要求对其进行自定义。

在布局方面，我会考虑使用Flexbox，它应该会给你你想要的布局。

如果您需要支持移动浏览器，那么Media Queries就是您的朋友。这应该给你足够的信息来开始。

至于JS，需要的时候加！

于 2017-03-06T10:51:27.323 回答
0

这是我的解决方案：尝试使用Quick Slicer进行初始布局草图，然后编辑代码，微调 CSS（实际上是 .scss），将尺寸重构为绝对像素或em （如果需要？），然后填写内容文本以满足您的需求。

于 2017-07-06T19:51:14.967 回答