我搞砸了响应式设计,如果您将浏览器缩小到最小,您会看到所有图形都混乱了。如果浏览器在css中尺寸较小,是否有办法修复图形以保持它们应该在的位置。 http://www.magnixsolutions.com/dev/test/test.html响应式设计失败
Q
响应式设计失败
0
A
回答
0
您需要使用媒体查询They are amazing!
1
它看起来像你使用引导,这对于响应式设计的工具。主要的是你要确保使用。行类和spanx列类。有关更多详情,请参阅How to use Twitter Bootstrap to Create a Responsive Website Design。
默认网格为12列。所以你的连续跨度应该等于十二。 你的HTML应该是这个样子:
<div class="container">
<div class="row">
<div class="span8 image">
</div>
<div class="span4 containerForm">
...insert form here...
</div>
</div>
</div>
一旦你的标记设置不当,到CSS和开始添加@media查询,@watson提到了他的答案。但请注意。 Bootsrap有很多默认的CSS设置。您可能必须重写才能获得理想的结果。
相关问题
- 1. 响应式设计工作在Firefox,失败在Chrome
- 2. Bootstrap响应式设计在Web转发中失败
- 3. 响应式设计在Firefox中失效
- 4. 响应式设计
- 5. HTML5响应式设计
- 6. 响应式设计混乱
- 7. 响应式设计错误
- 8. 响应式设计框架
- 9. Android响应式设计钛
- 10. 响应式设计布局
- 11. HTML响应式设计
- 12. React响应式设计
- 13. 响应式网页设计
- 14. Primefaces响应式设计
- 15. 绕过响应式设计
- 16. jQuery wScratchPad:响应式设计?
- 17. 响应式设计 - 宽表
- 18. 响应式屏幕设计
- 19. 响应式设计行为
- 20. 响应式网页设计
- 21. 响应式设计单元
- 22. 响应式设计破解
- 23. 响应式设计和XAML
- 24. 响应式设计和clearfix
- 25. Hubspot - 响应式设计
- 26. 响应式设计模板
- 27. 响应式设计问题
- 28. 形象响应式设计
- 29. JMeter的响应断言失败模式
- 30. 进入响应式设计模式丢失