怎么通过css3实现div1与div2在不同屏幕下，位置不同

大屏幕时，div1与div2在一行，且div1在div2的右边；
小屏幕时，div1与div2各自处于一行，且div1在div2上面；
能否只用css3来实现，且在html文件内，div1与div2只写一遍就够了；
如果css3实现不了，该怎么用js或vue来解决？

你可以搜一下 媒体查询

小屏幕
@media screen and (max-width: 999px) {
div{width:50%;}
}

大屏幕
@media screen and (min-width: 1000px) {
div{width:100%;}
}

媒体查询 或者 栅格化

Bootstrap布局 container之类的class类名 直接在html文件中引用就行

媒体查询