注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  1. 移动端适配

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

  3. 所属分类：HTML5

    • 发布日期：2017-09-12
    • 文件大小：546816
    • 提供者：xiaochen1007

  1. responsive.js

  2. responsive,js适配移动端的各个屏幕尺寸，基于addeventListener('resize',function(){},false)来监听屏幕尺寸的变化，改变rem（html）的font-size的大小，移动端开发非常简单，直接引入js即可，1rem=100px根据这么换算比例来设置具体大小。用例（mobile.cctin.com）

  3. 所属分类：Web开发

    • 发布日期：2018-05-14
    • 文件大小：2048
    • 提供者：qq_16961301

  1. h5 兼容移动端方案

  2. h5 兼容移动端的解决方案，适配android、ios，利用根元素设置font-size，结合rem

  3. 所属分类：HTML5

    • 发布日期：2018-09-15
    • 文件大小：2048
    • 提供者：qq_25930825

  1. 移动端响应式布局解决方案JavaScriptREM

  2. 移动端响应式布局解决方案、用 Javascr ipt 根据屏幕宽度计算 Root 字体大小弥补媒体查询断点断层过大问题，元素单位使用 REM 即可基于 Root 字体大小来改变自身大小。

  3. 所属分类：其它

    • 发布日期：2019-08-10
    • 文件大小：10240
    • 提供者：weixin_39840515

  1. 浅谈移动端的自适应布局问题(响应式、rem/em、Js动态)

  2. 本篇文章主要介绍了浅谈移动端的自适应问题(响应式、rem/em、Js动态),非常具有实用价值，需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-09-22
    • 文件大小：893952
    • 提供者：weixin_38745233

  1. html5 canvas合成海报所遇问题及解决方案总结

  2. 前言：最近做了一个用canvas合成海报图片的移动端项目，由于一点canvas基础都没有，所以去网上搜了一位前辈的demo，但是开发过程中遇到了很多问题，现将所遇问题及解决方法总结如下： 1、移动端canvas项目适配全屏问题 问题描述：由于canvas的width和height只能设置px值，不支持rem单位，所以想在移动设备屏幕分辨率繁杂的情况下达到canvas铺满全屏的效果很困难。解决方法：通过js获取到手机屏幕的clientWidth值，赋给canvas，以此来达到适配全屏的效果； v

  3. 所属分类：其它

    • 发布日期：2020-11-21
    • 文件大小：67584
    • 提供者：weixin_38666785

  1. 如何基于vue-cli3.0构建功能完善的移动端架子

  2. 基于vue-cli3.0构建功能完善的移动端架子，主要功能包括 webpack 打包扩展 css：sass支持、normalize.css、_mixin.scss、_variables.scss vw、rem布局 跨域设置 eslint设置 cdn引入 路由设计、登录拦截 axios、api 设计 vuex状态管理 项目地址: vue-cli3-H5 demo地址: https://zhouyupeng.github.io/vuecli3H5/#/ webpa

  3. 所属分类：其它

    • 发布日期：2020-12-01
    • 文件大小：158720
    • 提供者：weixin_38628211

  1. 解决vue移动端适配问题

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

  3. 所属分类：其它

    • 发布日期：2020-12-11
    • 文件大小：284672
    • 提供者：weixin_38651468

  1. 详解vue移动端项目的适配(以mint-ui为例)

  2. 1、使用vue-cli脚手架生成项目骨架，略。 2、相关配置： rem适配： index.html加入以下代码，并在head中加入以下meta; [removed] (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function (

  3. 所属分类：其它

    • 发布日期：2020-12-09
    • 文件大小：204800
    • 提供者：weixin_38530415

  1. rem布局原理解析

  2. 移动端的屏幕大小各异,尤其是安卓机,千奇百怪,各种尺寸的机型都有,而且有1倍屏,2倍屏，3倍屏之分，作为精益求精的前端，我们希望找到一种完美适配各种机型的方案。rem是现在主流的移动端自适应布局方案，本文主要介绍了rem布局的原理和通用方案 原理 首先说一下，我们想要达到的自适应效果是什么。很简单：元素、字体大小能随着屏幕大小（一般相对于宽度来说）变化而变化，在大一点的屏幕上，尺寸大一些；在小一点的屏幕上，尺寸小一些；尺寸的大小和屏幕大小成正比。 最简单最直接的方案就是直接用百分比设置元素的尺

  3. 所属分类：其它

    • 发布日期：2020-12-14
    • 文件大小：63488
    • 提供者：weixin_38722052

  1. CSS3移动端vw+rem不依赖JS实现响应式布局的方法

  2. 1、前言 （1）vw/vh介绍 在使用之前，我们先简单了解一下什么是vw和rem以及它们的作用，vw是css3出现的一个新单位，它是“view width”缩写，定义为把当前屏幕分成一百份，1vw即为屏幕的1%，与之对应的是vh，把高分成一百份，1vh即为屏幕高的1%，一般我们常用的vw单位来完成响应式开发 （2）rem介绍 rem是相对长度单位。相对于根元素(即html元素)font-size计算值的倍数，比如你html设置的字体为20px，那么页面中的1rem就相当于20px，举个例子：

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：69632
    • 提供者：weixin_38636461

  1. vue中使用rem布局代码详解

  2. 1、npm i amfe-flexible 2、import ‘amfe-flexible‘ 然后再，安装postcss-px2rem插件 npm i postcss-px2rem 在package.json中配置 "postcss": { "plugins": { "autoprefixer": {}, "postcss-px2rem": { "remUnit": 26.7 } } } 在vue项目中使用rem布局简易教程 rem布局由于其根据屏幕宽度的

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：35840
    • 提供者：weixin_38562626

  1. 浅析rem和em和px vh vw和% 移动端长度单位

  2. 1.rem和em、px 首先来说说em和px的关系 em是指字体高度 浏览器默认1em=16px,所以0.75em=12px;我们经常会在页面上看到根元素写的font-size:65%; 这样em就成了16px*62.5=10em;这是显示在页面的字体大小是10px; 这样12px=1.2em,10px=1em,也就是说只需要将你的原来的px数值除以10，然后换上em作为单位就行了, em的特点 em是个相对值 他会根据父级元素的大小而变化 但是如果嵌套了多个元素 要计算它的大小,是件很头疼的事

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：47104
    • 提供者：weixin_38547035

  1. vue 实现 rem 布局或vw 布局的方法

  2. 一、实现 rem 布局 移动端 方法一、在 index.html 或者 main.js 中添加以下代码： const setHtmlFontSize = () => { let deviceWidth = document.documentElement.clientWidth || document.body.clientWidth if (deviceWidth >= 750) { d

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：61440
    • 提供者：weixin_38652147

  1. vue中rem的配置的方法示例

  2. 在用vue或react等工具搭建一个移动端项目时,怎样做到自适应呢? 当然选择rem布局比较方便快捷. 开发移动端，我们常常要用到rem+flex，那么vue中如何配置呢，我的做法是这样： 1、在js中统一计算配置 代码如下： export default function() { // var devicePixelRatio = 1; // var scale = 1 / devicePixelRatio; // document.querySelector('meta[n

  3. 所属分类：其它

    • 发布日期：2020-12-12
    • 文件大小：530432
    • 提供者：weixin_38680764

  1. 详解vue项目中如何引入全局sass/less变量、function、mixin

  2. 让我们考虑下场景:当使用rem/vw开发移动端的时候，你定义了一个px转rem的函数,或者是网站配色的全局变量等，然后到工程里为每个vue文件或者组件import ‘publicfilename.scss’,那得重复做这样的工作很多很多…次，万一这些公用文件目录路径变怎么办呢，哭都来不及，想想都觉得恐怖呀！ 接下来拯救我们的神器就要登场了—sass-resources-loader,它可以省去重复性的引入，还支持less,postcss等，具体用法如下： npm install -d sass

  3. 所属分类：其它

    • 发布日期：2020-12-03
    • 文件大小：50176
    • 提供者：weixin_38673694

  1. 移动端使用 rem 单位时 css sprites 定位问题的解决

  2. 现在开发移动端 wap 页面，相信大家都会使用强大的 rem 单位去适配各种机型和屏幕；为了减少网络请求数量，提高网页访问性能，一般都会把多个小 icon 合并成一张 sprite 图，然后根据 background-position 进行定位；但是由于计算机的计算偏差，常常会导致 icon 的显示有1到2像素的偏差； 一、PC 端 如果在 PC 端，雪碧图的定位其实非常简单，不多说，直接上代码： html 代码 <li class=icon icon-ema

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：100352
    • 提供者：weixin_38637144

  1. Web移动端布局那些事

  2. 最近做了一个针对微信移动端的项目，在开发中遇到了不少的坑，学到了也不少，发现有许多地方值得写一下，以供做web移动端同学参考参考。 一、单位 说到移动端，不得不提适配问题，大大小小的移动设备不但让做android和ios的难过，因为设备大小和浏览器的差异，现在也让前端开始头疼了，不过，方法总是比问题多，我们是革命的队伍，遇到问题就要上！ 因为现如今市面上移动设备的分辨率大小不同，显然咱们常用的px单位在这个时候就有些不太灵光了，为此，css3出了一个新单位——rem，rem是移动端神器，它完美解

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：190464
    • 提供者：weixin_38714162

  1. 3分钟读懂移动端rem使用方法(推荐)

  2. 1、为什么要用rem 博客很久没写了，原因很简单。 最近接手了一个项目，要同时做PC和移动端的页面，之前没接触过，但毕竟给钱的是大爷，所以还是硬着头皮上了。 移动端最麻烦的是什么？ 不同分辨率适配！ 具体来说，有的屏幕320px宽，有的屏幕640px宽，有的更宽，如果你写固定px，那么要么小的放不下，要么大的有大片空白。 怎么办？ 如果元素固定占用屏幕空间（一般是指宽度而非高度，下同）的百分之xx就ok了。 比如320px的10%是32px，640px的10%是64px， 如果10个10%宽度的

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：63488
    • 提供者：weixin_38717980

  1. 如何基于viewport vm适配移动端页面

  2. 前言 作为一个小前端，经常要和H5打交道，这就面临着不同终端的适配问题。 Flexible方案通过Hack手段来根据设备的dpr值相应改变标签中viewport的值，给我更贴切的体会就是通过js脚本根据设备的dpr和设计图的宽度来计算出html的font-size值，然后就运用rem单位开发可以等比例缩放的H5页面。 但是！Flexible已经完成了他自身的历史使命，我们可以放下Flexible，拥抱新的变化。 做到适配要解决的问题 在移动端布局，我们需要面对两个最为重要的问题：

  3. 所属分类：其它

    • 发布日期：2021-01-18
    • 文件大小：93184
    • 提供者：weixin_38628211
« 12 »