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

搜索资源列表

  1. ext.net 中文API 文档 (CHM)

  2. API Documentation Ext chart Axis BarChart BarSeries CartesianChart CartesianSeries CategoryAxis Chart ColumnChart ColumnSeries LineChart LineSeries NumericAxis PieChart PieSeries Series TimeAxis data dd direct form grid AbstractSelectionModel Boolea
  3. 所属分类:Web开发

    • 发布日期:2013-12-02
    • 文件大小:19922944
    • 提供者:yefenggjj
  1. 移动端适配+响应式开发参考代码

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

    • 发布日期:2018-06-26
    • 文件大小:9216
    • 提供者:tcf_jingfeng
  1. 移动端REM布局与ViewportVW布局的实例运用

  2. 移动端 REM布局 与 Viewport (VW) 布局的实例运用
  3. 所属分类:其它

    • 发布日期:2019-08-10
    • 文件大小:4194304
    • 提供者:weixin_39840650
  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或viewport进行移动端适配

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

    • 发布日期:2020-11-20
    • 文件大小:123904
    • 提供者:weixin_38711529
  1. 手机端用rem+scss做适配的详解

  2. rem介绍 rem(font size of the root element)是指相对于根元素(即html元素)的字体大小的单位。 假设根元素的字体大小是10px, 则5rem的大小为 5*10=50px,例如 html{ font-size: 10px; } p{ width: 2rem; /* 2*10 = 20px;*/ margin: 1rem; } rem来做适配 以前我们往往这样做页面:viewport width 设置为 device-width,然后选
  3. 所属分类:其它

    • 发布日期:2020-11-21
    • 文件大小:41984
    • 提供者:weixin_38663036
  1. 详解H5 活动页之移动端 REM 布局适配方法

  2. 拿到设计稿后,如何进行布局还原? 如果只需要做非精确的响应式设计,那么使用媒体查询来实现就 OK 了。如果需要精确还原设计稿,则一般通过缩放来实现。常见方案有基于 viewport 和基于 rem 的缩放方案。 1 viewport 缩放方案 在移动端,可以通过 viewport 缩放页面大小比率达到目的。 简单来说,即所有宽高像素与视觉稿输出相同,然后通过页面宽度与视觉稿的宽度比率,动态设置 viewport。缩放方案核心代码参考: (function () { var docEl
  3. 所属分类:其它

    • 发布日期:2020-11-21
    • 文件大小:67584
    • 提供者:weixin_38576392
  1. 使用Rem布局实现自适应

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

    • 发布日期:2020-11-21
    • 文件大小:103424
    • 提供者:weixin_38707217
  1. flexible.js实现移动端rem适配方案

  2. 需要了解的基础知识: 物理像素:物理像素又被称为设备像素,他是显示设备中一个最微小的物理部件。每个像素可以根据操作系统设置自己的颜色和亮度。正是这些设备像素的微小距离欺骗了我们肉眼看到的图像效果。 设备独立像素:也称为密度无关像素,可以认为是计算机坐标系统中的一个点,这个点代表一个可以由程序使用的虚拟像素(比如说CSS像素),然后由相关系统转换为物理像素。 设备像素比:简称为dpr,其定义了物理像素和设备独立像素的对应关系。它的值可以按此公式计算得到:设备像素比 = 物理像素 / 设备独立像素
  3. 所属分类:其它

    • 发布日期:2020-11-20
    • 文件大小:218112
    • 提供者:weixin_38635166
  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. 前端页面实现自适应

  2. pc端 1.用js计算 1rem = html之font-size 根据设计图 1366宽 html设置100px 100px的元素==1rem 比如实际浏览器 2732 宽 同样设置1rem ,那根元素要设置多少,使俩者比例一致 1366:100=2732:x 得x=200 html设置font-size=200px 而其他元素设置的rem不用变化 var deviceWidth(不考虑兼容性可使用vw,vh获取视图窗口viewport宽高) setHtmlFontSize() if (win
  3. 所属分类:其它

    • 发布日期:2021-01-08
    • 文件大小:35840
    • 提供者:weixin_38528180
  1. 走进css——01

  2. 阅读者最好有一点css基础,才能更好深入了解 css中常见长度单位 em 相当于“倍”,比如设置当前的div的字体大小为1.5em,则当前的div的字体大小为:该div继承的父级字体大小*1.5。(根据他爸) rem r即root,始终相对于根节点html的font-size进行缩放。(根据祖先html) vh vh指当前屏幕可见高度的1%,即 height:100vh == height:100%; 区别:当元素没有内容时候,若设置height:100%该元素高度不会被撑开。但设置height
  3. 所属分类:其它

    • 发布日期:2021-01-08
    • 文件大小:50176
    • 提供者:weixin_38746166
  1. fast_h5_vue:vue + vue-cli3 + vuex + vue-router + vant快速开发h5模板-源码

  2. vue-h5 vue + vuex + vant + vue-router + vue-cli3 + axios构建h5模板 如何使用 开发 npm run serve 打包 npm run build 分析打包 npm run analyze 代码棉绒 npm run lint 自动生成文件 npm run new 目录结构 具体参见tree.txt 主要功能 rem适应 html meta修改 安装postcss-pxtorem lib-flexible ♡ // main.js im
  3. 所属分类:其它

    • 发布日期:2021-03-13
    • 文件大小:238592
    • 提供者:weixin_42116847
  1. 移动端布局之动态rem的实现

  2. 动态rem 1. 首先我们先介绍当下的长度单位 px 像素 em 一个M的宽度 / 一个汉字的宽度 1em == 自身的 font-size rem 全称 root em 是根元素(html)的 font-size vh 全称 viewport height 100vh == 视口高度 vw 全程 viewport width 100vw == 视口宽度 因为网页的默认font-size: 16px 所以1rem默认是 16px chrome 的最小字体像素默认是 12px 一个元素在没有设置f
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:226304
    • 提供者:weixin_38718223
  1. 移动端布局之动态rem的实现

  2. 动态rem 1. 首先我们先介绍当下的长度单位 px 像素 em 一个M的宽度 / 一个汉字的宽度 1em == 自身的 font-size rem 全称 root em 是根元素(html)的 font-size vh 全称 viewport height 100vh == 视口高度 vw 全程 viewport width 100vw == 视口宽度 因为网页的默认font-size: 16px 所以1rem默认是 16px chrome 的最小字体像素默认是 12px 一个元素在没有设置f
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:226304
    • 提供者:weixin_38719643
  1. 基于rem的移动端响应式适配方案(详解)

  2. 视口 在前一段时间,我曾经写过一篇关于viewport的文章。最近由于在接触移动端开发,对viewport有了新的理解。于是,打算重新写一篇文章,介绍移动端视口的相关概念。 关于这篇文章说到的所有知识,本质上离不开以下代码 media all and (max-width: 320px) { // do something } 了解过移动端
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:146432
    • 提供者:weixin_38596485
  1. 移动端前端适配方案(总结)

  2. 在网上搜了一下,很多面试都会被问到移动端适配方法的问题,最近看了一些文章,这里总结一下。 首先,谈一下目前为止出现的一些关于移动端适配的技术方案: (1)通过媒体查询的方式即CSS3的meida queries (2)以天猫首页为代表的 flex 弹性布局 (3)以淘宝首页为代表的 rem+viewport缩放 (4)rem 方式 1.Media Queries meida queries 的方式可以说是我早期采用的布局方式,它主要是通过查询设备的宽度来执行不同的
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:247808
    • 提供者:weixin_38742124
  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
  1. vscode-px-to-viewport-extension-源码

  2. px到视口 这是Visual Studio Code的扩展,允许您将px转换为视口(vh和vw),将px转换为min(** vw,** vh)并将px转换为rem。 用法 键绑定 Alt + Shift + W:将选定的文本从px转换为vw(视口宽度)。 Alt + Shift + H:将选定的文本从px转换为vh(视口高度)。 Alt + Shift + M:将选定的文本从px转换为min(** vw,** vh)。 Alt + Shift + R:将选定的文本从px转换为rem。 命令
  3. 所属分类:其它

    • 发布日期:2021-03-27
    • 文件大小:79872
    • 提供者:weixin_42155721
« 12 »