您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. 移动端适配

  2. 移动端适配代码案例,包括rem、百分比、em、zoom、动态适应及page等多种移动端适配案例,资源里报告html页面,css样式及js代码,可以直接带入自己的代码使用
  3. 所属分类:HTML5

    • 发布日期:2017-09-12
    • 文件大小:546816
    • 提供者:xiaochen1007
  1. 移动端rem布局与高清适配

  2. 总结的移动端rem适配方案 1px问题的解决方案 对flexiable的改良
  3. 所属分类:HTML5

    • 发布日期:2018-03-15
    • 文件大小:2097152
    • 提供者:shan953051249
  1. 移动端适配+响应式开发参考代码

  2. 设计稿的宽度:designWidth 允许自适应的最大宽度(超过这个值屏幕元素不在自适应增大):maxWidth 页面顶部加上: 这段js的传入两个参数:一个为设计稿实际宽度,一个为显示的最大宽度(允许的屏幕最大宽度,用来限制屏幕过大之后元素还会自适应增大的) 例如设计稿为750,最大宽度为600,则为(750,600),屏幕大于600之后就不会自适应变大了,也相当于在用@media属性时min-width只设置到了600,没有后面的屏幕尺寸,就不会再变化了 公式:1rem = 浏览器屏幕宽(
  3. 所属分类:Javascript

    • 发布日期:2018-06-26
    • 文件大小:9216
    • 提供者:tcf_jingfeng
  1. flexible.js

  2. 淘宝的网页手机端采用了flexible.js对移动端进行适配,设计图一般为750px,单位为rem,计算方式为设计图测量的宽度/75(若设计图为640px,则应除以64)。例如,测量某一个div的高度为75px,则换算成rem为:75/75=1rem。
  3. 所属分类:HTML5

    • 发布日期:2018-09-19
    • 文件大小:3072
    • 提供者:sinat_27358671
  1. 移动端适配rem.js

  2. 移动端适配rem.js
  3. 所属分类:HTML5

  1. rem移动端适配

  2. 适配移动端页面,
  3. 所属分类:HTML5

    • 发布日期:2019-01-28
    • 文件大小:523
    • 提供者:qq_43559481
  1. rem.js 移动端 H5 解决各种机型适配问题的js

  2. rem是 css3一种新的长度单位。它是相对于html标签的字体大小的单位(注意这里泛指是相对于html中的根元素标签也就是html)。 一般用于在移动端H5页面中解决各种机型适配问题的js,文件中详细说明。
  3. 所属分类:互联网

    • 发布日期:2020-04-20
    • 文件大小:3072
    • 提供者:muguli2008
  1. 基于vant, vue, axios, vuex的移动端项目, 仿豆瓣电影和网易云音乐

  2. 主要功能: 1. rem适配 2. 欢迎页 骨架屏 3. 地区定位 加载地区热映电影 即将上映 top250 4. 电影搜索 5. 电影详情 6. 影人详情 7. 跳转到电影网站观看电影 8. 电影收藏(想看,看过) 9. 歌单查看 10. 全屏播放器 可拖拽mini播放器 歌词滚动 11. ......
  3. 所属分类:HTML5

    • 发布日期:2020-03-05
    • 文件大小:684032
    • 提供者:qq_36649716
  1. 移动端android上line-height不居中的问题的解决

  2. 现在越来越多的移动界面使用rem适配,最近发现了移动端android上line-height不居中的问题,今日就来介绍一下解决的方法,非常具有实用价值,需要的朋友可以参考下
  3. 所属分类:其它

    • 发布日期:2020-08-27
    • 文件大小:87040
    • 提供者:weixin_38714509
  1. 移动 web 端屏幕适配(rem)

  2. 主要介绍了移动 web 端屏幕适配(rem)。详细的介绍了移动 web 端屏幕适配(rem),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  3. 所属分类:其它

    • 发布日期:2020-09-28
    • 文件大小:44032
    • 提供者:weixin_38551205
  1. vue项目在webpack2实现移动端字体自适配功能

  2. 使用vue开发移动端页面时,往往需要实现页面根据不同设备屏幕进行尺寸的适配,实现将px自动换算成rem单位,其实只需要安装下面的两个插件即可快速实现移动端适配问题。 1 准备工作: a. 安装 px2rem-loader 插件:npm install px2rem-loader –save; b. 安装 lib-flexible 插件:npm install lib-flexible –save; 2 插件的作用: px2rem-loader插件的作用:我们通过配置基准,实现将px自动换算成re
  3. 所属分类:其它

    • 发布日期:2020-11-20
    • 文件大小:53248
    • 提供者:weixin_38667581
  1. 详解如何使用rem或viewport进行移动端适配

  2. 在开发移动端界面时,移动端适配一直是一个比较头疼的事情,常见的移动端适配有viewport适配,rem适配,百分比适配等等,在这里我们只介绍viewport适配和rem适配。看完这篇文章相信你应该会实战操作移动端对于不同手机大小的适配问题了。 一:rem适配 rem是指相对于根元素的字体大小(font-size)的单位,根标签的font-size=1rem。其可以称作为相对单位,也就是说我们可以通过视口的大小动态更新根元素字体大小(font-size)的值,从而动态更新rem所相对的值,使用使得
  3. 所属分类:其它

    • 发布日期:2020-11-20
    • 文件大小:123904
    • 提供者:weixin_38711529
  1. vue使用rem实现 移动端屏幕适配

  2. 要想移动端适配 并使用 rem  您需要先看这篇文章,配置好less :right_arrow_selector: 在vue 中使用 less,就可以使用rem了 如果项目已经开发的差不多了,没有用到rem 又要使用rem,您用这招。 postcss-pxtorem:转换px为rem的插件 安装 postcss-pxtorem npm install postcss-pxtorem --save   新建rem.js文件 const baseSize = 32 // 设置 rem 函数 fu
  3. 所属分类:其它

    • 发布日期:2020-12-01
    • 文件大小:144384
    • 提供者:weixin_38706100
  1. vue 移动端适配方案详解

  2. 一、方法一:rem 布局 在主入口:index.html, 标签内添加如下JS 代码:(实现在标准 375px宽度适配下,100px = 1rem。) [removed] (function () { // 在标准 375px 适配下,100px = 1rem; var baseFontSize = 100; var baseWidth = 375; var set = function () { var clientWidth = document.d
  3. 所属分类:其它

    • 发布日期:2020-11-29
    • 文件大小:89088
    • 提供者:weixin_38721252
  1. 解决vue移动端适配问题

  2. 1,先看看网上关于移动端适配讲解 再聊移动端页面适配,rem和vw适配方案! 基础点:rem相对根节点字体的大小。所以不用px; 根字体:字体的大小px; px:你就当成cm(厘米)这样的东西吧; 基准:750设计稿; 这是方案的基础理论,在这个基础上,我们还要搞明白,到底要干一件什么事情! 目标一、手机适配:就是页面上的尺寸,无论高度,还是宽度,还有字体,随屏幕的宽度变化!这里是屏幕宽度!是不是想到了vw,对,就是这个意思;——最大程度在各个尺寸屏幕上还原设计稿 目标二、px转换成rem:一
  3. 所属分类:其它

    • 发布日期:2020-12-11
    • 文件大小:284672
    • 提供者:weixin_38651468
  1. 移动 web 端屏幕适配(rem)

  2. 前言 最近整理了一下以前学习前端的笔记,发现自己对移动 web 端屏幕适配(rem)这一块并没有真正理解,只是会用。 接下来,把自己的一些对移动 web 端屏幕适配(rem)的思考记录下来。 rem 介绍 rem 表示根元素()的 font-size 的大小。即如果根元素的 font-size 大小为 14px,则 1rem = 14px rem 适配移动 web 端 适配效果 在不同尺寸的屏幕下,同一个元素的大小看起来不是一样大的,但是它们所占屏幕宽度的比例是一样的。 代码 // 在 ht
  3. 所属分类:其它

    • 发布日期:2020-12-14
    • 文件大小:38912
    • 提供者:weixin_38642369
  1. 移动端适配 使px自动转换rem

  2. 先安装postcss-pxtorem: npm install postcss-pxtorem –save-dev 进行安装 通过屏幕的变化,设置动态根元素 font-size :   我写在vue的html中 function setRem () { let htmlWidth = document.documentElement.clientWidth ||document.body.clientWidth; //检测html的屏幕宽度和body的屏幕宽度
  3. 所属分类:其它

    • 发布日期:2020-12-14
    • 文件大小:107520
    • 提供者:weixin_38712092
  1. 移动端适配 rem & vw 计算工具

  2. px转换vw&&rem
  3. 所属分类:HTML5

    • 发布日期:2020-12-29
    • 文件大小:6144
    • 提供者:weixin_44763794
  1. vue-vant-base:这个项目是将一些基础配置实例eslint,移动端适配等进行了封装,开发人员只需叉即可可直接开箱即用,不用再做额外的配置-源码

  2. 使用说明 这个项目的起源是因为团队有很多移动端项目,但是不同人建造项目的时候配置的都不一样,导致维护成本很高,所以我就整理了这个项目,将许多基础配置进行了封装,通常的移动端适应,路由缓存,gzip压缩,移动端适配等等,开发人员只需要叉/克隆下来即可直接使用,无需再做配置。欢迎大家使用,有问题或者需求请提交Issues ,本框架将持续更新。 我是子君,如果觉得这个框架有用,麻烦给我一个star,谢谢,也可以扫描下方二维码关注公众号【前端有的玩】一起玩前端。 功能点 移动端适应 本框架默认使用px转
  3. 所属分类:其它

    • 发布日期:2021-03-18
    • 文件大小:312320
    • 提供者:weixin_42131342
  1. 详解vue.js移动端配置flexible.js及注意事项

  2. 前言 最近在用vue做移动端项目,网上找了一些移动端适配的方案,个人觉得手淘团队flexible.js还是比较容易上手,在这里做下总结。 主体 flexible.js适配方案采用rem布局,根据屏幕分辨率大小不同,调整根元素html的font-size,从而达到每个元素宽高自动变化,适配不同屏幕 1.安装lib-flexible.js npm install lib-flexible --save 1.在项目入口文件main.js中引入lib-flexible import 'lib-flexi
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:118784
    • 提供者:weixin_38587155
« 12 3 4 »