首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在CSS设计中添加水平间隔

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

Stack Overflow用户
提问于 2018-08-16 04:22:52
回答 1查看 481关注 0票数 -2

你好,谢谢你,

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

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

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

EN

回答 1

Stack Overflow用户

回答已采纳

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

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

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

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

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

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

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

https://stackoverflow.com/questions/51865889

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档