在我们做网页的时候 总会遇到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 范围为一个样式 的格式说明
版权声明:本站文章如没有特殊说明,均采集网上收集,若要转载请务必注明出处,尊重他人劳动成果共创和谐网络环境。 声明:某些文章来源于网络,所采集的到信息本站只为传递信息和分享,不做任何双方证明,也不承担任何法律责任。 文章内容若侵犯你的权益,请联系本站客服删除!
- 相关链接:
- 文章标题:
https://www.ezgcms.com/stuyd/989.html
相关学习园地:
- 第九章 CSS 构造模型学习吧
- css超出显示省略号怎么设置
- 了解一下纯CSS实现的加载动画项目SpinKit页面加载
- 弹性布局(display:flex;)属性详解【CSS教程】
- link标签rel="alternate"属性的作用及用法
- CSS3渐变色
- css如何用实现弧度圆角?三角形以及圆形样式
- CSS div部分随的屏幕滚动而滚动的方法
- Win10系统电源管理中没有快速启动的方法
- 第六章 CSS 超链接伪类属性
- 头部导航下拉跟随的效果实例CSS教程
- 网页特效粒子交叉线条背景动态鼠标联动【css】
- HTML高亮关键字的完美解决方案_HTML/Xhtml_网页制作
- html代码左右宽度固定中间自适应html布局解决教程
- 网页排版响应式在指定尺寸下为指定样式说明CSS