最近做网页想搞响应式布局,通过js可以实现但是效果不是很好,必须刷新才能改变,查询了一波资料以后发现了下面这个方法,通过css直接写一个响应的样式,它可以覆盖原有的样式,设置当屏幕大小为多少时显示什么样式,无需刷新响应页面,在此记录一下。
@media(max-width: 320px) {
/* 你的css代码 */
}
最近做网页想搞响应式布局,通过js可以实现但是效果不是很好,必须刷新才能改变,查询了一波资料以后发现了下面这个方法,通过css直接写一个响应的样式,它可以覆盖原有的样式,设置当屏幕大小为多少时显示什么样式,无需刷新响应页面,在此记录一下。
@media(max-width: 320px) {
/* 你的css代码 */
}