Viewport Meta Tag不适用于Google Chrome

时间:2018-12-16 06:43:13

标签: reactjs google-chrome responsive-design media-queries responsive

我目前正在使用React在我的投资组合网站上工作。我正在使项目响应,因此我在head标记内的index.html文件中添加了以下meta标记:

wp_enqueue_style( 'fontawesome-css', get_template_directory_uri() . '/assets/css/font-awesome/css/font-awesome.min.css', null, '1.0' );

响应式设计可在我的手机和响应式下的Google Chrome开发工具中使用;但是,当页面在桌面视图中时,自适应设计不起作用。我正在使用Google Chrome版本70.0.3538.110(正式版本)(64位)。当设备的最大宽度为800px时,我正在尝试集成react-strap菜单选项卡。同样,restrap-strap菜单在我的手机上可见。

navbar component including npm package react-responsive

responsive CSS styling with media queries

Nav bar working with responsive dev tools

Nav bar not working in normal google chrome

0 个答案:

没有答案