我一直试图弄清楚这个网站是如何做到这一点的。如果您转到 [] 并调整浏览器屏幕的大小，您会看到中间的主要内容容器随着浏览器尺寸的变小而变小。它是如何工作的？
我正在尝试对我正在构建的 wordpress 网站做类似的事情。
谢谢你，AJ
问问题
100 次
2 回答
2
主列中所有堆叠元素的宽度为 65%，指的是其父元素的比例。在这种情况下，这是视口的整个宽度。他们将调整其最小宽度（设置为 700 像素）和最大宽度（设置为 1920 像素）。非常简单的 CSS。
熟悉 Firebug 和/或 Chrome 和 Safari 的开发者工具栏。对于任何使用网站的人来说，它们都是必不可少的。
于 2013-03-13T02:43:29.023 回答
1
我相信你指的是它是响应式的。它可能使用 CSS @media 查询来根据浏览器的分辨率更改站点宽度。
您可以在此处找到更多信息：http: //mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website /
此外，您的网站不是一个很好的例子，请在此处查看更好的示例：http: //mediaqueri.es/
于 2013-03-13T02:44:14.790 回答