Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 引导视口_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 引导视口

Html 引导视口,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,im使用Bootstrap3.0RTL版本。我把它设为12列,当我在Firefox中测试响应性布局(调整屏幕大小)时,它太棒了。当我在手机上测试时,问题就出现了。该网站是否显示为桌面版??为什么它不改变为响应性外观,我认为是Viewport或类似的问题?试试看 这是官方引导视口在标题开始前插入此代码 <meta name="viewport" content="width=device-width, initial-scale=1"> 参考资料:- 您只需要将元添加到标记中,

im使用Bootstrap3.0RTL版本。我把它设为12列,当我在Firefox中测试响应性布局(调整屏幕大小)时,它太棒了。当我在手机上测试时,问题就出现了。该网站是否显示为桌面版??为什么它不改变为响应性外观,我认为是
Viewport
或类似的问题?试试看


这是官方引导视口在标题开始前插入此代码

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

参考资料:-

您只需要将元添加到标记中,没有这个元标记,引导就无法正常工作

视口元素为浏览器提供有关如何控制页面尺寸和缩放的说明

width=device width(宽度=设备宽度)部分将页面宽度设置为跟随设备的屏幕宽度(根据设备的不同而有所不同)

“初始比例=1.0”部分设置浏览器首次加载页面时的初始缩放级别