Twitter bootstrap 我的网站在某些移动设备上没有响应我已经和我用Bootstrap、Buffic和W3.CSS的混合来响应它。为了测试它是否能在小屏幕上工作，我一直在调整笔记本电脑的浏览器窗口大小，以模拟移动设备。它工作得很好，我现在已经发布了我的网站。然而，我是来用我的iPodtouch 5（它模仿苹果设备）测试它的，它没有显示响应版本。我在我的android手机上也试过了，但没有反应。不过，我已经在windows phone上试用过，效果很好。我并不依赖于检测你在哪台设备上的技术，只依赖于屏幕宽度。我认为这个问题可能与屏幕分辨率有关。以下是控制我的网站的CSS： @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #ffffff; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #ffffff; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { background-color: #0089ff; color: #ffffff; } } @media (min-width: 767px) { body { padding-top: 230px; } ul.nav li.dropdown:hover ul.dropdown-menu { display: block; } } @media (max-width: 767px) { body { padding-top: 130px; } } @media (min-width: 768px) { #resize { width: 30%; } } @media (min-width: 768px) { #alignp { text-align: center; } } 正如我所说，我使用了Bootstrap、Buffic和W3.CSS，所有标准版本。希望您能提供帮助。_Twitter Bootstrap_Css_Zurb Foundation

Twitter bootstrap 我的网站在某些移动设备上没有响应我已经和我用Bootstrap、Buffic和W3.CSS的混合来响应它。为了测试它是否能在小屏幕上工作，我一直在调整笔记本电脑的浏览器窗口大小，以模拟移动设备。它工作得很好，我现在已经发布了我的网站。然而，我是来用我的iPodtouch 5（它模仿苹果设备）测试它的，它没有显示响应版本。我在我的android手机上也试过了，但没有反应。不过，我已经在windows phone上试用过，效果很好。我并不依赖于检测你在哪台设备上的技术，只依赖于屏幕宽度。我认为这个问题可能与屏幕分辨率有关。以下是控制我的网站的CSS： @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #ffffff; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #ffffff; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { background-color: #0089ff; color: #ffffff; } } @media (min-width: 767px) { body { padding-top: 230px; } ul.nav li.dropdown:hover ul.dropdown-menu { display: block; } } @media (max-width: 767px) { body { padding-top: 130px; } } @media (min-width: 768px) { #resize { width: 30%; } } @media (min-width: 768px) { #alignp { text-align: center; } } 正如我所说，我使用了Bootstrap、Buffic和W3.CSS，所有标准版本。希望您能提供帮助。

twitter-bootstrap css zurb-foundation

Twitter bootstrap 我的网站在某些移动设备上没有响应我已经和我用Bootstrap、Buffic和W3.CSS的混合来响应它。为了测试它是否能在小屏幕上工作，我一直在调整笔记本电脑的浏览器窗口大小，以模拟移动设备。它工作得很好，我现在已经发布了我的网站。然而，我是来用我的iPodtouch 5（它模仿苹果设备）测试它的，它没有显示响应版本。我在我的android手机上也试过了，但没有反应。不过，我已经在windows phone上试用过，效果很好。我并不依赖于检测你在哪台设备上的技术，只依赖于屏幕宽度。我认为这个问题可能与屏幕分辨率有关。以下是控制我的网站的CSS： @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #ffffff; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #ffffff; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { background-color: #0089ff; color: #ffffff; } } @media (min-width: 767px) { body { padding-top: 230px; } ul.nav li.dropdown:hover ul.dropdown-menu { display: block; } } @media (max-width: 767px) { body { padding-top: 130px; } } @media (min-width: 768px) { #resize { width: 30%; } } @media (min-width: 768px) { #alignp { text-align: center; } } 正如我所说，我使用了Bootstrap、Buffic和W3.CSS，所有标准版本。希望您能提供帮助。,twitter-bootstrap,css,zurb-foundation,Twitter Bootstrap,Css,Zurb Foundation,您可以在浏览器中使用不同的设备进行测试。查看google chrome的ripple扩展。这是非常有用的扩展您需要将其放在头部。 Chrome还有一个设备模式，你可以在其中模拟不同的设备它可以很好地工作，所以可能是屏幕分辨率tanks，工作得很好。以前有什么问题？该额外标记的作用是什么？使媒体报告到设备的宽度不是正常的“桌面”宽度请注意主体样式，因为您会覆盖它们最大宽度：767和最小宽度：767

您可以在浏览器中使用不同的设备进行测试。查看google chrome的ripple扩展。这是非常有用的扩展

您需要将其放在头部

。

Chrome还有一个设备模式，你可以在其中模拟不同的设备

它可以很好地工作，所以可能是屏幕分辨率tanks，工作得很好。以前有什么问题？该额外标记的作用是什么？使媒体报告到设备的宽度不是正常的“桌面”宽度请注意主体样式，因为您会覆盖它们最大宽度：767和最小宽度：767