用于后台的 CSS 网格

标签 css design-patterns grid

我们正在开发一个 Intranet 后台。我们一直在研究不同操作系统中浏览器的安全区域和真实视口(viewport)大小。

由于它是内部软件,我们可以“强制”用户使用我们想要的浏览器和分辨率。我们希望在屏幕中使用 1280x1024 分辨率,并将 Chrome(或 Firefox)作为默认浏览器。

我们已在浏览器窗口最大化时检查视口(viewport)大小(在 Chrome 和 Firefox 中)为 1263 像素宽度。但我们不想强求太多,我的意思是,我们认为 1240 是网页设计的最大宽度。

现在,使用 CSS 网格生成器软件,我发现了这个配置:1240 像素 = 12 列,每列 85 像素,外加 20 像素间距。

你怎么看这件事?对于后台来说足够灵活是个好主意吗?

关于这个开发有什么建议吗?

提前致谢

PD顺便说一句,我们正在考虑使用 BlueTrip CSS 网格修改为 1240px ...

最佳答案

我不明白为什么您应该限制某些浏览器的 Intranet 应用程序。事实上,它可能会给您带来更多问题(浏览器更新可能会破坏某些布局和元素,因为您没有被迫进行适当的跨浏览器测试,使用不同的屏幕分辨率监视升级)。那么,它是否足够灵活呢?否。12 列网格是否足够?可能是,取决于使用情况。我更愿意使用流畅的网格、负责任的网页设计和媒体查询。

关于用于后台的 CSS 网格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8311555/

相关文章:

java网格/板for循环: what row is empty and nearest?

javascript - 如何识别kendo grid中当前列是否可编辑

javascript - Jquery 复选框选中和未选中事件

html - box-shadow 不会显示在 div 的底部

html - 这个简单的 HTML、CSS 布局有什么问题?

c++ - 没有合适的默认构造函数可用 - 迭代器?

jquery - 在第一行中断后隐藏文本? (不是 <br/>,而是被浏览器包裹)

java - 具有条件状态更改的状态模式

Javascript 揭示模块模式和 Coffeescript

javascript - 如何验证使用 ng-repeat、ng-show( Angular )动态创建的输入