在我的几个页面上（当前该站点正在开发中），将显示一些天气信息：LINK
CSS问题描述：在标题WETTER下，您可以看到4个框。一个显示的是今天的天气（HEUTE），下面的三个方框显示的是接下来几天的天气。如您所见，这3个小盒子的帧宽加起来并非完全相同。而且，uppor宽盒的宽度略有不同。
->如何达到以下目标？
a）在横向视图中使用WEBBROWSER / IPAD时，这三个盒子加起来的宽度与上面的宽盒子的宽度完全相同
b）在使用iPhone / Android浏览页面时，四个框彼此位于下方（页面宽度为100％）。期待您的任何提示。
最佳答案
我想我已经明白你想要的了。
我在以下位置做了一个粗略的演示：http://jsfiddle.net/Txjh5/
使用了一个整体容器来模拟您的框架宽度-该框架具有最大宽度。
这些框的百分比与顶部的框匹配，但是使用边距创建了两个框之间的间隙。
.last {margin-right: 0;}
删除最后一个框的边距。
媒体查询用于较小的屏幕尺寸，以将每个框的宽度强制为100％。
抱歉，如果我误解了这个问题，但请看一下演示，因为它比我能更好地解释了一切！
关于css - CSS:盒子定位和响应能力，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14661880/