html - 调整窗口大小时调整 CSS 网格行的大小

标签 html css grid

我开发了一个简单的响应式网站,只是为了练习这样做。

可在此处访问该站点:https://evilernie44.github.io/tofugall/

我遇到的问题似乎与当窗口宽度减小时 css 网格行的大小自动增加有关。因此,尽管该网站在移动设备和桌面设备上看起来不错,但在平板电脑上看起来却很糟糕。

任何人都可以提出解决此问题的好方法或至少可以避免将来出现这种行为的方法吗?

我希望这足够具体,因为我不确定从哪里开始解决这个问题。

最佳答案

网站看起来不错,但请尝试正确实现 css,因为在调整窗口大小时,css 属性会按定义更改,例如 margin:10% 在移动设备、选项卡和 PC 屏幕上会有所不同。

如果使用 Bootstrap ,请尝试明智地使用行和列类。

关于html - 调整窗口大小时调整 CSS 网格行的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51011410/

相关文章:

javascript - Div Slide on Click with 链接

wpf - WPF中的复选框网格

javascript - dojo editable-tree-dgrid : create or generate a new row supported in the dojo. store.JsonRest?

javascript - 是否可以在 css 中更改@viewport

javascript - 动态创建( Bootstrap )html 表格行 - 单击事件不会触发

javascript - HTML/CSS/DropDown onClick 修改

css - 删除文本周围的边距

css - 如何防止浏览器缩小时图片缩小?

html - 如何增加 Wordpress 网站标题中 Logo 的大小

css - 如何创建网格/平铺 View ?