Html 浏览器自己理解视口吗？_Html_Twitter Bootstrap_Browser

Html 浏览器自己理解视口吗？

html twitter-bootstrap browser

Html 浏览器自己理解视口吗？,html,twitter-bootstrap,browser,Html,Twitter Bootstrap,Browser,我有两个文件如下 index.html index2.html 当我更改浏览器窗口的大小时，上面两个html文档的行为方式相同。第二个文档中的视口元名称是什么？我见过使用meta标记的引导文档，如第二个文档中的所有css和js文件。以这种方式使用bootstrap有什么好处编辑出于某种原因，桌面浏览器对上述两个文档显示相同的行为，但当我在iphone中使用mobile broswer safari时，我看到了这两个文档的不同之处。第二个文档根据设备宽度调整了内容的大小。这是因为引导程序使用

我有两个文件如下

index.html

index2.html

当我更改浏览器窗口的大小时，上面两个html文档的行为方式相同。第二个文档中的视口元名称是什么？我见过使用meta标记的引导文档，如第二个文档中的所有css和js文件。以这种方式使用bootstrap有什么好处

编辑

出于某种原因，桌面浏览器对上述两个文档显示相同的行为，但当我在iphone中使用mobile broswer safari时，我看到了这两个文档的不同之处。第二个文档根据设备宽度调整了内容的大小。

这是因为引导程序使用viewport标记来优化移动浏览器的样式表。您可以尝试更改HTML的viewport值，使用Chrome模拟器打开页面并进行查看

最好阅读以下关于viewport的文档：

这是否意味着viewport与响应式web设计无关？@DesirePRG在我看来，viewport是响应式web设计的基本设置。但是，在调整窗口大小时，第一个文档中的文本如何在不使用viewport属性的情况下自动定位自身。

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Bootstrap 101 Template</title>
  </head>
  <body>
    <h1>Hello, world   !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</h1>   
  </body>
</html>

<!DOCTYPE html>
<html lang="en">
  <head>    
    <meta name="viewport" content="width=device-width, initial-scale=1">   
    <title>Bootstrap 101 Template</title>
  </head>
  <body>
    <h1>Hello, world !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</h1>  
  </body>
</html>