Css 网格可扩展性
Css grid scalability
我最近开始使用 css 网格来为网站创建布局。我为主页制作了一个漂亮的模板。当我开始开发网站并添加页面时,我很快意识到我需要为每个页面的内容创建一个网格。虽然这对于只有 3-4 页的项目来说不是什么大问题,但我可以看到这对于每个页面都有不同布局的大型网站来说变得难以管理。
Tldr;
使用网格似乎迫使您为每个页面的内容编写 css,而不是像 bootstrap 那样只使用标记。可以不用每页都写css就可以使用grid吗?
一个例子是一个网站,它有一个主页内容的布局,一个用于带有表单的页面,一个用于列出文章的页面,一个用于文章本身,等等。我已经至少有维护 5 个不同的网格。
CSS 网格对我来说似乎比 Bootstrap table-like HTML 结构(至少在大多数情况下)更易于维护和纯粹,因为您只定义元素在 HTML 中,它们在 CSS 中的布局。
Bootstrap 只是一组预定义的 CSS 类,您必须在每个页面上 <link>
。那么,如果你有任何重复的部分并且 <link>
在你 <link>
喜欢 bootstrap.css
的任何地方,为 CSS 网格布局创建一些共同的共享 类 有什么问题?
我最近开始使用 css 网格来为网站创建布局。我为主页制作了一个漂亮的模板。当我开始开发网站并添加页面时,我很快意识到我需要为每个页面的内容创建一个网格。虽然这对于只有 3-4 页的项目来说不是什么大问题,但我可以看到这对于每个页面都有不同布局的大型网站来说变得难以管理。
Tldr; 使用网格似乎迫使您为每个页面的内容编写 css,而不是像 bootstrap 那样只使用标记。可以不用每页都写css就可以使用grid吗?
一个例子是一个网站,它有一个主页内容的布局,一个用于带有表单的页面,一个用于列出文章的页面,一个用于文章本身,等等。我已经至少有维护 5 个不同的网格。
CSS 网格对我来说似乎比 Bootstrap table-like HTML 结构(至少在大多数情况下)更易于维护和纯粹,因为您只定义元素在 HTML 中,它们在 CSS 中的布局。
Bootstrap 只是一组预定义的 CSS 类,您必须在每个页面上 <link>
。那么,如果你有任何重复的部分并且 <link>
在你 <link>
喜欢 bootstrap.css
的任何地方,为 CSS 网格布局创建一些共同的共享 类 有什么问题?