对响应式设计感到困惑

时间:2016-11-26 14:18:46

标签: twitter-bootstrap google-chrome

我使用Bootstrap来创建我的投资组合,但在Chrome的检查工具方面我有点困惑。

见下面的照片:

http://imgur.com/a/vWe3a

第一个是调整浏览器的大小,工作正常并且看起来不错。第二个是使用适用于iPhone 5的Chrome检查工具,看起来只是......太小了?第三是普通桌面。

我是否过度思考这个问题,还是Chrome在检查工具方面无法正确渲染?导航的范围也不是他们的。

请记住,这只是从我桌面上的文件查看,而不是在服务器/框架上查看。感谢

1 个答案:

答案 0 :(得分:0)

没有任何代码,很难判断问题可能在哪里。

但是,如果未正确呈现或代码库中存在问题,您可以通过以下几种方式找到自己的方法。

1)使用Google Chrome(或大多数其他现代浏览器)中的检查工具,找出造成差距的原因。有关如何执行此操作的详细步骤,请参阅this question

2)使用其他工具模拟iPhone,看看问题是否仍然存在。例如hereherehere

3)在真实设备上进行测试。如果不可能,请使用测试实验室。对于三星设备,您可以使用this website,对于iPhone,我只知道this not free option。否则,如果您可以使用this website找到附近的真实设备,则可以看到。

我希望这能为您提供足够的工具来解决问题。