Javascript Magento CE：如何根据屏幕分辨率更改phtml文件中块的位置

我想切换块

container2

在

view.phtml中的位置，具体取决于使用javascript的屏幕分辨率

catalog.xml

<catalog_product_view translate="label">
...
    <reference name="content">
        <block type="catalog/product_view" name="product.info" template="catalog/product/view.phtml">
        ...
            <block type="core/template_facade" name="product.info.container2" as="container2">
                <action method="setDataByKey"><key>alias_in_layout</key><value>container2</value></action>
                <action method="setDataByKeyFromRegistry"><key>options_container</key><key_in_registry>product</key_in_registry></action>
                <action method="append"><block>product.info.options.wrapper</block></action>
                <action method="append"><block>product.info.options.wrapper.bottom</block></action>
            </block>
        ...
        </block>
    </reference>
</catalog_product_view>

必须有带有post变量的ajax请求和响应。但是我不确定在哪一个地方以及如何将它们结合在一起？
对于低于1.9的版本，可以通过按照一些标准“系统>配置>设计”配置不同类型的设计在后端进行设置

本文介绍了为移动设备实现这一功能的方法

对于这些版本，如果配置正确，twitter引导会很好地工作

对于1.9，rwd包含在基础中

希望有帮助

<div class="mobile">
    <?php echo $this->getChildChildHtml('container2', '', true, true) ?>
</div>

width = document.viewport.getWidth();