我的网站没有响应，也没有调整大小。

-2

我真的可以使用一些帮助，我已经创建了我的网站http://hayleyryan.com/ ，我无法将它重新设置为较小的浏览器窗口或较小的设备。我的网站没有响应，也没有调整大小。

我在文档的顶部包含<meta name="viewport" content="width=device-width, initial-scale=1">，我也将所有内容都设置为百分比宽度。我查看了所有可能是原因的CSS，我找不到任何东西。它工作正常，直到我删除元标记，然后再放回去。

任何帮助，将不胜感激，谢谢。

来源

2015-12-18 hayleyshaye

不幸的是，只需添加<meta name="viewport" content="width=device-width, initial-scale=1">即可无法创建响应式网页。它需要很多其他的东西。看看另一个问题，可能会有所帮助：How to implement responsive web design and its best practices

来源

2015-12-18 08:50:48

喜中距空空导弹，谢谢您的回答！我对使用错误的术语表示歉意 - 我知道我需要实现断点来重新对齐内容。我意识到'敏感'现在不是正确的词 - 抱歉！我对很多这些术语还是比较陌生的。 – hayleyshaye

拉姆辛格是正确的，但对于你的具体情况，我想补充一点，你的“窗帘”ul是绝对定位。你应该让它不是绝对的或者增加“宽度：100％”。

此外，您的“桌面”图像应该有“宽度：100％;”如果你希望它可以调整大小。

来源

2015-12-18 08:55:58 Laurynas

感谢Laurynas，我认为这个位置必须是我之前删除的I插件留下的样式。谢谢！它解决了我的问题。谢谢你的提示，我也会修复桌面图像。 :) – hayleyshaye

引导包括响应，移动第一流体网格，适当地扩展到12列作为设备或视口尺寸增大

利尔这个系统。 Responsive Web Design - Media Queries

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

/* Extra small devices (phones, less than 768px) */ 
    /* No media query since this is the default in Bootstrap */ 

    /* Small devices (tablets, 768px and up) */ 
    @media (min-width: @screen-sm-min) { ... } 

    /* Medium devices (desktops, 992px and up) */ 
    @media (min-width: @screen-md-min) { ... } 

/* Large devices (large desktops, 1200px and up) */ 
@media (min-width: @screen-lg-min) { ... } 

@media (max-width: @screen-xs-max) { ... } 
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... } 
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... } 
@media (min-width: @screen-lg-min) { ... }

来源

2015-12-18 09:29:22 Codeone

请查看网站之前启动响应

http://getbootstrap.com/css/#grid-options

来源

2015-12-18 11:06:29

我的网站没有响应，也没有调整大小。

回答

相关问题