本文编辑:小秋同学

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

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

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

网页排版响应式在指定尺寸下为指定样式说明CSS(图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  范围为一个样式    的格式说明 

文章版权及转载声明:

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

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享
加入收藏

发表评论
加载中~