问在CSS设计中添加水平间隔
EN

Stack Overflow用户

提问于 2018-08-16 04:22:52

回答 1查看 481关注 0票数 -2

你好，谢谢你，

我已经看过很多关于水平间隔符的内容，但具体来说，我试图在this site的主体文本和左侧菜单栏之间放置一个填充空间。

添加左边距或填充似乎不起作用。在桌面上看起来很棒，但在移动设备上，文本大小永远不会调整到“全屏”长度。

任何帮助都是最好的:)谢谢。

回答已采纳

发布于 2018-08-16 04:51:33

看起来所有东西都是固定宽度的。从您的侧边栏到>200px的边距。通常这是不受欢迎的，因为它会在小型设备上造成大量问题，正如@Tanckom建议的那样，您可能应该考虑使用CSS网格来重新构建页面。

这意味着，如果不对样式表和结构进行重大修改，就没有快速而肮脏的解决方案可以让这个页面在移动设备上看起来很好。

以下是你可以采取的几个步骤，以获得更具响应性的页面设计：

将<head>
Look中的以下meta标记添加到CSS Grids或CSS Flexbox中，作为构建页面结构的替代方法。这样做的好处是避免使用大的固定数字(比如超过200px的边距)，并且在屏幕尺寸改变时更容易操作。
查看CSS Media Queries，看看如何使用它们来根据屏幕尺寸改变网站的样式。一个这样的媒体查询可能如下所示：

@媒体屏幕和(最大宽度:600px){ #sidebar_container {宽度:100%；/*或类似*/ } }

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/51865889

复制

相似问题

问在CSS设计中添加水平间隔EN