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

搜索资源列表

  1. H5模拟数字键盘实现第三方支付页

  2. 最近做了个第三方支付页，H5+JS+相对单位rem实现（输入金额+模拟数字键盘+自适应布局+大写金额），浏览器后打开请切换成移动视角。

  3. 所属分类：HTML5

    • 发布日期：2017-11-30
    • 文件大小：360448
    • 提供者：fabulous1111

  1. rem布局实现不同分辨率移动终端的自适应、整体缩放

  2. rem布局实现不同分辨率移动终端的自适应、整体缩放。另外界面UI也很不错哦！ 本附件相关博文地址：http://blog.csdn.net/irokay/article/details/78935838

  3. 所属分类：HTML5

    • 发布日期：2017-12-30
    • 文件大小：17408
    • 提供者：irokay

  1. rem自适应布局

  2. rem自适应布局能够适配移动端各种设置，适合小白童鞋使用

  3. 所属分类：HTML5

    • 发布日期：2018-04-17
    • 文件大小：529
    • 提供者：qq_42011079

  1. rem布局实现不同分辨率移动终端的自适应、整体缩放

  2. rem布局实现不同分辨率移动终端的自适应、整体缩放 rem布局实现不同分辨率移动终端的自适应、整体缩放

  3. 所属分类：Android

    • 发布日期：2018-08-16
    • 文件大小：17408
    • 提供者：u010098711

  1. 移动端自适应布局-rem.js

  2. 使用rem单位实现自适应布局，轻松掌握移动端开发。用法简单，比如普遍的设计图宽度为750px，那么在css中设置为7.5rem即可实现宽度100%

  3. 所属分类：其它

    • 发布日期：2018-09-19
    • 文件大小：4096
    • 提供者：mossbaoo

  1. H5端自适应框架adaptive.zip

  2. H5端自适应框架 使用方法： [removed][removed]  [removed]  window[adaptive].desinWidth = 640;// 设计图宽度  window[adaptive].baseFont = 18;// 没有缩放时的字体大小  window[adaptive].init();// 调用初始化方法  [removed] 然后在css中设置相应样式即可： .main-info { height: 0.88rem; padding-bottom

  3. 所属分类：其它

    • 发布日期：2019-07-19
    • 文件大小：10240
    • 提供者：weixin_39841856

  1. rem布局实现不同分辨率移动终端的自适应、整体缩放

  2. rem布局实现不同分辨率移动终端的自适应、整体缩放。另外界面UI也很不错哦！ 本附件相关博文地址：http://blog.csdn.net/irokay/article/details/78935838

  3. 所属分类：HTML5

    • 发布日期：2020-03-04
    • 文件大小：14336
    • 提供者：hychong0592

  1. rem布局实现不同分辨率移动终端的自适应、整体缩放

  2. rem布局实现不同分辨率移动终端的自适应、整体缩放。另外界面UI也很不错哦！ 本附件相关博文地址：http://blog.csdn.net/irokay/article/details/78935838

  3. 所属分类：HTML5

    • 发布日期：2020-02-04
    • 文件大小：14336
    • 提供者：hll88888888

  1. 微信小程序中单位rpx和rem的使用

  2. rpx是微信小程序新推出的一个单位，按官方的定义，rpx可以根据屏幕宽度进行自适应，在rpx出现之前，web页面的自适应布局已经有了多种解决方案，为什么微信还捣鼓出新的rpx单位？下面通过这篇文章来一起看看吧。

  3. 所属分类：其它

    • 发布日期：2020-09-01
    • 文件大小：120832
    • 提供者：weixin_38641111

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

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

  3. 所属分类：其它

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

  1. 从零开始在vue-cli4配置自适应vw布局的实现

  2. 简介 viewportWidth也是vw布局从配置上来说比rem布局简洁了很多，bu需要配置安装lib，也不需要增加一个rem.js文件 简称拎包使用 安装包 npm install postcss-px-to-viewport -D 或者 yarn add postcss-px-to-viewport -D 配置移动端 在vue.config.js中找到loaderOptions，如果没有的话需要在css属性下增加postcss css: { extract: IS_PROD,

  3. 所属分类：其它

    • 发布日期：2020-11-20
    • 文件大小：279552
    • 提供者：weixin_38547409

  1. 使用Rem布局实现自适应

  2. 之前写过一篇移动端适配的文章，很长，内容太多，看得容易凌乱，重新写个通熟易懂版的。 为什么要自适应？ 比如，对于一个移动端页面，设计师给的视觉稿画布宽 750，视觉稿中的一个黄色区块的尺寸是 702 x 300，并在画板中居中。我们希望在任何一个设备中的呈现比例都与视觉稿中一样，根据布局视口宽度等比缩放。 在移动端我们一般会设置布局视口宽度=设备宽度，即内容呈现的区域在设备屏幕内。 但不同设备的宽度不同，因而让布局视口的宽度也不同。比如 iPhone

  3. 所属分类：其它

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

  1. rem布局原理解析

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

  3. 所属分类：其它

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

  1. 详解rem 适配布局

  2. 当今手机种类繁多 且不说iphone系列，安卓手机的种类已经数不胜数了，所以不可能每一款手机都要写一套布局样式，这也是不可能做到的，但是对于越来越精益求精的前端来说 ，当然要找到一个合理的解决方案。rem 就是用来自适应布局的。 适配要达到的效果，如下图（简单的示范一下） 两个div不论在大屏还是小屏上都是占据屏幕的一半 虽然上面这种简单的使用百分比可以实现但是，百分比无法实现字体的自适应，百分比转换成相应的尺寸还是很难的。接下来就说说这次我们的主角 rem （我们一般只适配宽度） rem 原

  3. 所属分类：其它

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

  1. Vue中rem与postcss-pxtorem的应用详解

  2. rem 布局 rem是根元素(html)中的font-size值。 rem布局不多赘述，有很多详细说明rem布局原理的资料。 简单的说，通过JS获取设备宽度动态设定rem值，以实现在不同宽度的页面中使用rem作为单位的元素自适应的效果。 新建rem.js文件，于main.js中引用 // 设计稿以1920px为宽度，而我把页面宽度设计为10rem的情况下 const baseSize = 192; // 这个是设计稿中1rem的大小。 function setRem() { //

  3. 所属分类：其它

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

  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. 使用CSS3的rem属性制作响应式页面布局的要点解析

  2. 其实rem不只是能应用到字体上面，还可以应用到长度和宽度上面，接下来看下我做的一个项目的首页吧。Demo    由于这个项目我设置了最大的宽度限制是640px,最小限制是320px,大家可以改变浏览器的分辨率或者通过手机访问看看效果。基本上在不同分辨率下都是差不多的展示效果，而且在手机移动终端下都是100%的撑开。这种响应式的效果，我想应该是最符合现在移动终端多样化的需求的，如果只是做几个特别适应的尺寸，例如320、480、340、600这种特定的尺寸，那真是要累死前端开发的同学了。但是如果用r

  3. 所属分类：其它

    • 发布日期：2020-12-04
    • 文件大小：67584
    • 提供者：weixin_38631182

  1. 自适应布局rem

  2. 自适应布局rem //百分比布局只能实现宽度自适应 高度无法自适应 //高度也自适应 使用一个新的单位rem rem ： root element 根元素 参照根元素的字体大小，是相对单位 默认html元素文字大小是16px 所以 1rem == 16px ， 10rem == 160px 原理： resize(); function resize() { // 假设一个设计稿的宽度 750 var Design

  3. 所属分类：其它

    • 发布日期：2021-01-07
    • 文件大小：26624
    • 提供者：weixin_38571453

  1. 响应式Web设计II：响应式所有事物：设备，视口，媒体查询，自适应，流畅以及如何构建它们-源码

  2. 响应式网页设计：完全响应式 您已经拥有构建固定布局的网页，自适应网页的经验，现在是时候全面响应了！ 现在，通过将您的新知识与响应单元，约束和媒体查询结合使用，您就可以承担当今完全响应的网站项目。 任务1：使用Git设置项目 将项目分叉到您的GitHub用户帐户中 将分支的项目克隆到计算机上的目录中 现在，您可以使用首选的IDE构建该项目了。 任务2：项目目标 查看每个并在每个断点处构建样式。 介绍font-size: 62.5%; 到您的html选择器中。 将容器元素的max-wid

  3. 所属分类：其它

    • 发布日期：2021-02-19
    • 文件大小：1048576
    • 提供者：weixin_42099755

  1. js实现rem自动匹配计算font-size的示例

  2. 实际开发过程中，我们经常会被各种宽度，高度计算搞晕。尤其是使用了rem的计算方式，自适应布局难倒一大片程序员。为了解决这类问题，我觉得可以利用js监听屏幕宽度变化来实现更改HTML 根元素font-size的值。 下面是相关Javascr ipt的实现代码： (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationc

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：62464
    • 提供者：weixin_38723192
« 12 »