Javascript 对于响应性强的网站，我应该使用像素还是百分比值

我的目标是设计快速响应的网页。我是jquery的新手，你能建议我从哪里开始吗

我应该给属性赋值，例如高度、宽度（以像素为单位）还是百分比

---

我创建了一些内容，但没有在选项卡上正确显示。

百分比，但我建议您签出百分比，但我建议您签出您可以使用CSS和媒体查询&max-width-min-width

不过百分比会更好

查看本文：

例如：

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}

---

您可以使用CSS和媒体查询&max-width-min-width

不过百分比会更好

查看本文：

例如：

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}

---

百分比有助于流畅的设计，但要真正响应，您应该查看CSS媒体查询。响应式设计会根据屏幕大小等因素更改布局（有时还会更改内容）。

百分比有助于流畅的设计，但要真正响应，您应该查看CSS媒体查询。响应性设计根据屏幕大小等因素改变布局（有时还包括内容）。

基于像素的布局称为固定布局，基于百分比的布局称为流体布局，基于em的布局称为弹性布局。你需要考虑哪个选项最适合你的网站。但我的选择将是弹性布局，但这是一个困难的，所以选择流体布局为您的网站将是伟大的

---

对于响应灵敏的设计，我的选择是引导。您可以在线搜索更多可用的框架。

基于像素的是所谓的固定布局，基于百分比的是所谓的流体布局，基于em的是所谓的弹性布局。你需要考虑哪个选项最适合你的网站。但我的选择将是弹性布局，但这是一个困难的，所以选择流体布局为您的网站将是伟大的

---

对于响应灵敏的设计，我的选择是引导。您可以在线搜索更多可用的框架。

对于响应性强的网站，您应该更喜欢使用百分比值

然而，已经有几个框架供开发人员使用，这将使构建响应性网站变得更容易。以下是一些：

骨架框架：www.getskeleton.com[我使用这个]

引导：getbootstrap.com

960网格系统：960.gs

你可以使用它们中的任何一个来建立优秀的响应性网站。只需下载脚本并将其解压缩到您网站的文件夹中。将css和js文件复制到各自的文件夹中，并使用link标记通过index.html调用它们

最好在HTML文件的末尾调用javascript，就在正文结束之前

开始使用你的网站框架，我相信一切都会得到修复

---

祝你好运！！：）

对于响应性强的网站，您应该更喜欢使用百分比值

然而，已经有几个框架供开发人员使用，这将使构建响应性网站变得更容易。以下是一些：

骨架框架：www.getskeleton.com[我使用这个]

引导：getbootstrap.com

960网格系统：960.gs

你可以使用它们中的任何一个来建立优秀的响应性网站。只需下载脚本并将其解压缩到您网站的文件夹中。将css和js文件复制到各自的文件夹中，并使用link标记通过index.html调用它们

最好在HTML文件的末尾调用javascript，就在正文结束之前

开始使用你的网站框架，我相信一切都会得到修复

---

祝你好运！！：）

您应该使用任何相对单位，如

百分比

或

em

。谷歌

em

查找更多信息

至于响应，你应该使用媒体查询

例如：如果您希望所有窗格垂直堆叠，以获得较小的屏幕（比如宽度<800像素）。然后你会这样做：

.pane-selector{
  //Define style for widths > 800 px
}

@media(max-width: 800px){

  .pane-selector{
    width:100%;
    //And whatever you wanna do
  }
}

---

但是！有许多框架可用于构建网站，如Twitter Bootstrap、Zurb等。这些都是成熟的CSS框架，为您提供基本的CSS布局以及UI元素和组件。还有最小的CSS布局框架。谷歌搜索，你会发现负载

您应该使用任何相对单位，如

百分比

或

em

。谷歌

em

查找更多信息

至于响应，你应该使用媒体查询

例如：如果您希望所有窗格垂直堆叠，以获得较小的屏幕（比如宽度<800像素）。然后你会这样做：

.pane-selector{
  //Define style for widths > 800 px
}

@media(max-width: 800px){

  .pane-selector{
    width:100%;
    //And whatever you wanna do
  }
}

---

但是！有许多框架可用于构建网站，如Twitter Bootstrap、Zurb等。这些都是成熟的CSS框架，为您提供基本的CSS布局以及UI元素和组件。还有最小的CSS布局框架。谷歌搜索，你会发现负载

在你尝试太多之前，你是否尝试过引导（）-它会简化你的任务在你尝试太多之前，你是否尝试过引导（）-它会简化你的任务那么引导为什么使用硬像素值？@media（最小宽度：1200px）。container{max width:1170px；}那么引导为什么使用硬像素值？@media（最小宽度：1200px）.container{最大宽度：1170px；}