我正在努力重新设计我的大学报纸的网站,并使设计很好地适应iPad.我现在正试图将其切换为一列布局(用于智能手机). 问题是,在单列布局中,右列必须位于左列之上.如果右列的代码写在左
问题是,在单列布局中,右列必须位于左列之上.如果右列的代码写在左列之前,我会知道如何做到这一点,但不幸的是,它不是.
如何在右列下移动左列？我是否需要使用Javascript来切换HTML代码中的列顺序？谢谢！
编辑：我意识到当宽度>时我可以有一个看不见的DIV. someNumber.我宁愿不要多余但是……
CSS唯一的解决方案是从最小屏幕开始作为默认设计,然后随着屏幕尺寸的增加使用媒体查询进行增强.从最小的屏幕开始,首先按正确的顺序放置标记 – 对于横幅,主导航,主要内容(右侧列),旁边(左侧列)和(可能),页脚上方的图像.当媒体查询应用额外的CSS时,您可以向右浮动主内容,而在左侧 – 元素可以正确定位到更小或更大的屏幕.