Twitter bootstrap 反应引导导航栏。用流星1.3和咒语崩溃
我在Meteor应用程序中创建了以下导航组件,修改自:Twitter bootstrap 反应引导导航栏。用流星1.3和咒语崩溃,twitter-bootstrap,meteor,reactjs,responsive-design,react-bootstrap,Twitter Bootstrap,Meteor,Reactjs,Responsive Design,React Bootstrap,我在Meteor应用程序中创建了以下导航组件,修改自: 从“React”导入React; 从“react bootstrap”导入{Nav、Navbar、NavItem}; 常量导航=()=>( 新船员 ); 导出默认导航; 它工作正常,如果我在笔记本电脑上调整浏览器的大小,它将正常崩溃,但当我在手机上打开它时(物理Moto X 2014或chrome上模拟的Nexus 5X),导航栏不会崩溃,我使用的是Meteor最新版本(1.3),React Bootstrap 0.28.4,我还使用了,
从“React”导入React;
从“react bootstrap”导入{Nav、Navbar、NavItem};
常量导航=()=>(
新船员
);
导出默认导航;
它工作正常,如果我在笔记本电脑上调整浏览器的大小,它将正常崩溃,但当我在手机上打开它时(物理Moto X 2014或chrome上模拟的Nexus 5X),导航栏不会崩溃,我使用的是Meteor最新版本(1.3),React Bootstrap 0.28.4,我还使用了,这在移动设备上是正常的,有什么原因不适合这种情况吗?找到了答案,我掩饰了我没有meta标签:
<meta name="viewport" content="width=device-width, initial-scale=1">
并将其导入
client/configs/context.js
找到了答案,我掩盖了我没有meta标记:
<meta name="viewport" content="width=device-width, initial-scale=1">
并将其导入到client/configs/context.js
import {DocHead} from 'meteor/kadira:dochead';
export default function () {
let metaInfo = {name: 'viewport', content: 'width=device-width, initial-scale=1'};
DocHead.addMeta(metaInfo);
}