网页排版响应式在指定尺寸下为指定样式说明CSS

小秋同学 08-14 08:53:58 学习园地

默认

摘要： 在我们做网页的时候总会遇到PC端样式跟移动端样式不同，有的PC设计好好的但是在移动端却变样的，这个时候就需要用以下代码来说明了@media screen and (min-width:320px) and (m

在我们做网页的时候总会遇到PC端样式跟移动端样式不同，有的PC设计好好的但是在移动端却变样的，这个时候就需要用以下代码来说明了

(1)

@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 范围为一个样式的格式说明

标签：响应式样式样式学习 CSS

文章版权及转载声明：

编辑:小秋同学本文地址：https://www.qiuhai.com/study/671.html发布于 08-14 08:53:58
文章转载或复制请以超链接形式并注明出处学习吧_一个不错的学习网站
本站文章如没有特殊说明，均采集网上收集，若要转载请务必注明出处，尊重他人劳动成果共创和谐网络环境。声明：某些文章来源于网络，所采集的到信息本站只为传递信息和分享，不做任何双方证明，也不承担任何法律责任。文章内容若侵犯你的权益，请联系本站客服删除！

施舍