首页 > 其他分享 >css实现自动适配移动端的效果

css实现自动适配移动端的效果

时间:2023-07-12 11:00:46浏览次数:40  
标签:适配 端的 自动 使用 移动 css

css实现自动适配移动端的效果

使用的库

使用到的库 lib-flexible

使用方法

  1. 使用script标签引入

    <script src="http://g.tbcdn.cn/mtb/lib-flexible/{{version}}/??flexible_css.js,flexible.js"></script>
    

使用注意事项!!!

  1. 使用前必须要清掉html中的以下标签代码,不然生效不了

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    

标签:适配,端的,自动,使用,移动,css
From: https://www.cnblogs.com/00544--/p/17546964.html

相关文章

  • 爬取新闻 ,bs4, css选择器,selenium基本使用
    目录1爬取新闻2bs4介绍遍历文档树3bs4搜索文档树3.2其他用法4css选择器5selenium基本使用5.1模拟登录百度6selenium其他用法6.1无头6.2搜索标签1爬取新闻#1爬取网页---requests#2解析 ---xml格式,用了re匹配的 ---html,bs4,lxml。。。---json: -python......
  • 适配器模式解决数据格式适配问题
    @RestController@RequestMapping("/ClientUserAssist/")publicclassClientUserAssistController{@AutowiredClientUserAssistMapperclientUserAssistMapper;/**子系统数据导入接口**/@Transactional(rollbackFor=Exception.class)@PostMa......
  • 520要通过这种方式告白 html+css+javascript canvas桃心代码 可修改 【附完整代码】
    ......
  • DevTools 无法加载源映射: 无法加载httplocalhost8081staticscssbootstrap.min.css.map
    DevTools无法加载源映射:无法加载http://localhost:8081/statics/css/bootstrap.min.css.map的内容:HTTP错误:状态代码404,net::ERR_HTTP_RESPONSE_CODE_FAILURE 解决办法:找到bootstrap.min.css,删除最后一行注释 注意:如果是css报错就删除:/*#sourceMappingURL=bootst......
  • 纯CSS实现table固定thead,tbody进行滚动
    代码一<!--*@Descripttion:*@version:*@Author:yang_ft*@Date:2020-09-2913:59:26*@github:famensaodiseng*@LastEditTime:2020-10-1017:13:17--><!DOCTYPEhtml><htmllang="zh-CN"><head><metachar......
  • CSS 父元素没有设置高度,子元素如何跟父元素保持一样的高度?
    如上图所示,height属性需要让父元素有高度,所以,h2的::before设置了百分比高度就行不通。样式如下所示:h2{&::before{content:"";display:inline-block;width:0.5rem;height:100%;border-top-right-radius:0.5rem;border-bottom-left-......
  • CSS
    .css/*author:weiyupengdate:2023/7/810:09*/#para2{font-size:xxx-large;}/*背景样式*/body{/*背景色*/background-color:mintcream;/*背景图*/background-image:url("../image/img1.png");/*背景图是否重复*/background-repeat:rep......
  • 重温设计模式 --- 适配器模式
    引言适配器模式是一种结构型设计模式,用于将一个类的接口转换成另一个接口,以便于两个不兼容的类之间能够协同工作。适配器模式可以被认为是一个桥梁,它可以连接两个不同的接口,从而使得它们可以进行协同工作。适配器模式通常在两个不兼容的类之间进行转换,这些类可能具有不同的接口,......
  • css 隐藏滚动条
    &:那个元素有滚动条,就是那个元素scrollbar-width:none;/*Firefox*/-ms-overflow-style:none;/*IE10+*/&::-webkit-scrollbar{display:none;/*ChromeSafari*/}传送门:https://blog.csdn.net/Umbrella_Um/article/details/114144718......
  • CSS_相关问题及解决_持续更新
    css_margin塌陷问题问题描述<divclass="father"><divclass="child1"></div><divclass="child2"></div></div>当child1设置了margin-top时,margin-top会作用在father上当child2设置了margin——bottom时,margin-b......