网页排版响应式在指定尺寸下为指定样式说明CSS
在我们做网页的时候 总会遇到PC端样式跟移动端样式不同,有的PC设计好好的 但是在移动端却变样的 ,这个时候就需要 用以下代码来说明了
@media screen and (min-width:320px) and (max-width:359px){.post__description table {table-layout:fixed;} }
@media screen and (min-width:360px) and (max-width:409px){.post__description table {table-layout:fixed;} }
@media screen and (min-width:410px) and (max-width:639px){.post__description table {table-layout:fixed;}}
以上代码说明是 在320px到359 范围为一个样式 的格式说明
手机端logo:/uploads/allimg/20190604/f6d6bb5265ae3bca241d886df3ff6203.png