网页无法在Chrome Dev Tools设备上缩放100％ [英] Page doesn't scale 100% on Chrome Dev Tools devices

问题描述

关于响应式设计，在google chrome开发工具设备模式下，在引导程序上完成的页面似乎无法缩放100％.

The page done on bootstrap seems to be not scaling 100% on google chrome dev tools devices mode, regarding the responsive design.

似乎两边都留有几个像素.

It seems to leave couple pixels on each side.

元标记是 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">， 相同，但没有缩小至适合=否".

The meta tag is <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">, same without "shrink-to-fit=no".

我包括以下图片:

有什么方法可以使页面比例达到100％，而不会使页面宽度超出浏览器宽度?

Is there anything that could be done to make page scale 100%, not leaving sides out of the browser width?

推荐答案

您的html代码很可能不是按照Bootstrap的容器和行类进行组织的方式.您可以共享用于所述页面的html代码吗?

Most likely your html code is not per Bootstrap way of organizing with container and row classes. Can you share the html code you are using for the said page?

这篇关于网页无法在Chrome Dev Tools设备上缩放100％的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！