【问题标题】:960px is the correct width for website? is percentage better? With only percentage the website is responsive? [closed]960px 是网站的正确宽度吗?百分比更好吗?只有百分比的网站是响应? [关闭]
【发布时间】:2014-04-07 15:24:15
【问题描述】:

我正在尝试开发我的第一个网站。我对某些观点有点困惑。

我正在开发 html 和 css,然后我想做我的网站响应式。

首先,我做了一些研究来选择我的网站的宽度,我发现 960 像素是最好的宽度,所以我正在以 960 像素开发我的内容!但是我有一台 17 英寸的笔记本电脑,内容周围的空白区域太多。例如,使用 1024px 更好吗?还是960px更好? 例如,如果我使用百分比,而不是 960px 使用 70%,我会解决空白,对吗?这样做对吗?

第二,对我的网站进行响应我正在搜索信息并且我正在研究媒体查询,但是如果我使用百分比,我不需要使用媒体查询,因为该网站已经响应了,对吗? 很抱歉打扰这个看似简单的问题,但我是初学者,我有这个疑问,也许以你的经验,你可以帮助我更好地理解。

【问题讨论】:

  • 百分比不一定是响应式的,请按照“响应式网站示例”搜索一般性内容,然后调整窗口大小以查看一些可能性。
  • 不幸的是,主题是“响应式设计”,它非常广泛。你应该为此谷歌。这是一个有用的网站:responsivedesign.is
  • 我已经google了!但我不知道我用 960px 是否正确,因为我猜我得到了非常空白的空间,所以我来这里询问 960px 是否像我做的那样正确,然后我的想法是使用媒体查询来调整其他建议!所以我试图了解这种方式是否正确!

标签: css responsive-design media-queries


【解决方案1】:

使用百分比,您的网站将变得流畅。要做出响应,请使用媒体查询,这样您的网站就可以适应屏幕大小,而不是强制内容。 关于 CSS 媒体查询的一点点:https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

【讨论】:

  • 嗯,谢谢!所以也许我可以继续使用 960px,然后使用媒体查询来适应其他设备?
  • 没错。我表示还要看看“移动优先”。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-06-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多