我的网站的Bootstraperization是否避免了视口声明?

时间:2013-05-11 22:19:25

标签: asp.net html5 twitter-bootstrap viewport fluid-layout

我通过实施Dan推荐的内容来引导我的asp.net Razor 2网站:Where should I bootstraperize my web site?

在我的_SiteLayout.cshtml文件中,我有一行默认添加:

<meta name="viewport" content="width=device-width" />

我不知道是否与我已经完成的Bootstraperiisation合作,与之竞争,或者现在只是因为Bootstrap代码没有实际意义/消除。

我评论了它并没有明显的区别,但我想知道我的简短的理智检查是否diebezueglich持有水。是否有任何理由将其剥离?留下来?它不重要吗?

在相关说明中,我应该删除或注释掉Site.css中的css,例如:

/* content */
article {
    float: left;
    width: 70%;
}

IOW,这些样式规则会干扰Bootstrap的工作吗?我想避免在asp.net的烘焙助手和Bootstrap之间进行一场拉锯战。

1 个答案:

答案 0 :(得分:1)

视口元信息仅用于移动设备,用于缩放和缩放。它涉及响应式设计。

目前的文档中并不明显,但下一个版本的解释如下:

  

要确保正确渲染和触摸缩放,请将视口元标记添加到<head>

     

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

source

您可以在MDN上阅读有关此内容的更多信息:Viewport meta tag (developer.mozilla.org)