移动端适配

使用 px2rem 的方法解决移动端适配的问题

使用px2rem的方法解决移动端适配的问题在项目中创建文件名为px2rem.scss的文件，然后在项目中使用的时候把style的languge属性改为scss就可以使用了。
Caesar*·2020-08-22 04:11

利用Cloudflare Workers部署臭鼬在线接头霸王项目实例

项目地址：fz6m/kyaru-concat-magic这个项目是我基于ayamomiji/kyaru-concat优化魔改的，优化了流程体验，增加了移动端适配和更多功能。部署W
萌信·2020-08-22 02:01

vue移动端适配插件lib-flexible

使用vue-cli安装好一个vue的项目npminstall-gvue-clivueinitwebpackmy-projectcdmy-projectnpmrundev配置vue插件lib-flexible安装插件lib-flexiblenpmilib-flexible--save-dev在main.js中引入lib-flexibleimport'lib-flexible/flexible'安装p
胡儒清_前端那个老胡·2020-08-21 19:04

2020-08-21 移动端布局之postcss-px-to-viewport（兼容vant）

前言在之前有一种流行已久的移动端适配方案，那就是rem，我想下面这两句代码，有不少老移动端都不会陌生：constdeviceWidth=document.documentElement.clientWidth
追寻1989·2020-08-21 17:21

rem移动端适配时 pc端也要能够正常显示

rem移动端适配下可能会出现这种情况，即，由于移动端h5我们通过js设置了html的font-size会根据dpr（设备像素比）大小而自适应变化，但是pc端的font-size固定是12px这时就可能会出现
hzxOnlineOk·2020-08-21 14:05

MetaHandler.js：移动端适配各种屏幕

JS:!function(){varopt=function(){varua=navigator.userAgent,android=ua.match(/(Android);?[\s\/]+([\d.]+)?/),ipad=ua.match(/(iPad).*OS\s([\d_]+)/),ipod=ua.match(/(iPod)(.*OS\s([\d_]+))?/),iphone=!ipad&&
aghkasdh30210·2020-08-21 13:17

vue移动端适配方案flexible+px2remLoader使用指南及踩坑

vue移动端适配方案flexible+px2remLoader使用指南及踩坑根据移动端不同的dpr来做适配是非常必要的，很多时候前端开发对UI设计稿都是凭感觉来做，导致编译完的页面与设计稿或多或少有些出入
金馆长v·2020-08-21 13:43

移动端适配问题解决方案

前言随着时间的发展，现在基本上人手一部手机的低头族。做为前端开发的程序猿，在开发移动端web应用的时候，对面一堆各色尺寸不一样的屏幕，就有点淡淡的忧伤。已上是2018年二月份最新的友盟数据，可在这里查看详情很明显我们所要实现的就是在上述如此之多的屏幕,都能实现UI大大出的视觉图上的效果。而要实现这样的效果主要有两个难点各屏幕适配Retina屏下的细节处理（主要是1px的问题）各屏幕适配各屏幕的适配
weixin_34252090·2020-08-21 06:49

原生js实现全局大小适配

大概思想，我们将几乎所有的大小尺寸单位都用rem，然后当窗口大小改变时页面就能跟随改变，当然也能适配不同屏幕（但是PC端和移动端需要另外处理，建议这个方法只对PC端适配或者只对移动端适配）
LuckyCoast·2020-08-21 04:00

如何使用rem或viewport进行移动端适配?

 在开发移动端界面时，移动端适配一直是一个比较头疼的事情，常见的移动端适配有viewport适配，rem适配，百分比适配等等，在这里我们只介绍viewport适配和rem适配。
我的名字豌豆·2020-08-21 04:52

十分简单的web移动端rem适配

rem做移动端适配已经得到广大web开发都的喜爱。其实，简单的做rem非常容易。只需要三处引入即可。
maYunLaoXi·2020-08-20 22:15

Css-移动端适配总结

前言工作以后，大部分的业务工作都是基于移动端H5的，开发过程中学习了很多东西，遇到过许多问题，诸如rememcsspxdevicepx等，本文纯属个人的归纳总结，如有问题，请指出亲喷~PC端本文主要是讲解移动端的响应式布局，但是在真正进入之前，先了解一些概念。devicepx（设备像素）和csspx（css像素）通常在PC端上面，我们并不需要考虑设备像素和css像素之间的差别，以目前的pc来看，1
菜的黑人牙膏·2020-08-20 21:59

Css-移动端适配总结

前言工作以后，大部分的业务工作都是基于移动端H5的，开发过程中学习了很多东西，遇到过许多问题，诸如rememcsspxdevicepx等，本文纯属个人的归纳总结，如有问题，请指出亲喷~PC端本文主要是讲解移动端的响应式布局，但是在真正进入之前，先了解一些概念。devicepx（设备像素）和csspx（css像素）通常在PC端上面，我们并不需要考虑设备像素和css像素之间的差别，以目前的pc来看，1
菜的黑人牙膏·2020-08-20 21:59

ipa包兼容性大作战！WeTest iOS深度兼容测试全新升级

原文链接：https://wetest.qq.com/lab/view/447.html2018年，移动端适配话题热闹无比，有iOS新版本新机型发布，全面屏、异形屏、曲面屏争相斗艳，从而产生了各类特殊的屏幕分辨率设备
腾讯WeTest·2020-08-20 21:23

ipa包兼容性大作战！WeTest iOS深度兼容测试全新升级

原文链接：https://wetest.qq.com/lab/view/447.html2018年，移动端适配话题热闹无比，有iOS新版本新机型发布，全面屏、异形屏、曲面屏争相斗艳，从而产生了各类特殊的屏幕分辨率设备
腾讯WeTest·2020-08-20 21:22

移动端适配方案 （有demo）

移动端Web页面适配方案其中方案1.3.4.5的demo地址移动端适配方案移动端Web页面，即常说的H5页面、手机页面、webview页面等。
缓缓·2020-08-20 21:08

移动端适配方案 （有demo）

移动端Web页面适配方案其中方案1.3.4.5的demo地址移动端适配方案移动端Web页面，即常说的H5页面、手机页面、webview页面等。
缓缓·2020-08-20 21:07

移动端适配总结

前景提要以下内容根据部分文章参考自己实践得出的猜想和总结有错误请指正一·概念介绍css单位：px，rem，em（没用过），pt，vw，%viewport说明：参考这个物理像素：理解成分别率设备独立像素（css像素或者说dip）：由一个或多个物理像素组成的虚拟点也是开发中设置的点比如width：1px设置的就是这个ppi:每英寸含有的物理像素（300以上人肉眼看不到点）dpr：物理像素/设备独立像素
小银·2020-08-20 20:43

十分简单的web移动端rem适配

rem做移动端适配已经得到广大web开发都的喜爱。其实，简单的做rem非常容易。只需要三处引入即可。
maYunLaoXi·2020-08-20 16:22

十分简单的web移动端rem适配

rem做移动端适配已经得到广大web开发都的喜爱。其实，简单的做rem非常容易。只需要三处引入即可。
maYunLaoXi·2020-08-20 16:22

Coding打坐

node单线程异步执行环境：事件循环，eventloop+callbackweb主要关注点图片：预处理预加载，响应式加载延迟加载音频动画移动端适配原生混合
weixin_33924770·2020-08-20 04:03

移动端适配之视口和meta标签

这是关于移动端适配的第一篇文章，这篇文章主要介绍视口以及和视口有关的meta标签的使用。
邱雯腾·2020-08-20 02:17

兼容pc端和移动端适配

前言：pc端兼容的方式有很多，比如%，比如vw+vh等等，这里说说vw兼容方法，移动端适配方式也有很多，比如%，em,rem,vw,vh等，这里说说vw兼容方法，pc端：自动转换px转换functionchange
Ponnenult·2020-08-19 11:28

移动端适配 flexble.js

flexble的官网地址：http://yunkus.com/mobile-adaptation-scheme-flexiblejs/2.vue适配移动端的配置链接lib-flexible.jshttps://blog.csdn.net/Coding_Jia/article/details/788662201.flexble的作用正如文章标题所写的那样，它就是一个终端设备适配的解决方案。也就是说它
想成为大牛的小白·2020-08-19 06:11

书签管理器4

移动端问题关于移动端适配，你必须要知道的-掘金稍微整理了几个经常在H5移动端开发遇到的东西-掘金node.jsNode-从0基础到实战企业官网-掘金为什么要使用Node.js-掘金精读《深入浅出Node.js
VivaLaVida_692c·2020-08-19 04:59

react vue 移动端适配

react:第一步下载包npminstalllib-flexiblepostcss-px2rem第二步项目入口引入‘lib-flexible’index.jsimportReactfrom'react';importReactDOMfrom'react-dom';import'./index.css';importAppfrom'./App';import*asserviceWorkerfrom'
weixin_45623615·2020-08-18 23:54

移动端适配屏幕-rem

rem移动端适配屏幕rem（fontsizeoftherootelement）是指相对于根元素（）的字体大小的单位。简单的说它就是一个相对单位。
@¥@%·2020-08-18 21:05

vue-cli3+vant ui组件的配置和移动端适配

首先，我们先下载vant的插件cnpmivant-S配置vant自动按需引入组件插件（babel.config.js）【不需要引入样式】下载插件cnpmibabel-plugin-import-Dmodule.exports={presets:['@vue/app'],plugins:[['import',{libraryName:'vant',libraryDirectory:'es',styl
朱佳辉·2020-08-18 06:18

移动端适配两种转换

(function(doc,win){vardocEl=doc.documentElement,resizeEvt='orientationchange'inwindow?'orientationchange':'resize',recalc=function(){varclientWidth=docEl.clientWidth;if(!clientWidth)return;if(clientWi
你回头我就在·2020-08-18 01:19

移动端适配概念区分

写在前面：既然是移动端的适配，那么出现这个技术名词也肯定是有原因的，移动端适配所要解决的是手机快速发展，什么苹果、华为、等等还有啥锤子手机每个品牌的手机都有着不同的物理分辨率，这样就会导致，每台设备的逻辑分辨率也不尽相同
你在代码里下了毒·2020-08-18 01:36

H5页面移动端适配且要根据UI设计图给出的单位出图方法总结

代码已上传至githubgithub代码地址：https://github.com/Miofly/mio.git由于新公司要求用原生html写一些项目，之前是写vue的，对于原生的操作也不是很熟了，所以就直接嵌入vue,js。但又要完全按照UI的设计图还原代码，所以必须要完全适配移动端。以下是方法总结。                                                
Miofly·2020-08-17 07:49

vue+vant搭建移动端框架

主要内容1.vant/rem移动端适配的解决方案2.vue/cli二次配置及优化处理3.基于注册动态模式实现loading4.掌握vuex永久化存储1创建一个vue项目1.1安装vue-cli:npminstall-g
我是一个脸·2020-08-16 00:10

移动端适配问题（一步到位）

移动端适配之间的准备工作amfe-flexible动态设置rem基准值1-安装配置的包npmIamfe-flexible2-安装后在入口文件中进行加载import‘amfe-flexible’动态设置rem
菜鸟-苏·2020-08-16 00:45

最简单的移动端适配方案(rem+vw)

rem这个单位对于前端来说并不陌生了,在移动端适配方面,我们经常会用到它,通常我们会采用类似淘宝flexible.js的方案,写px,然后通过插件转化成rem,然后得出一堆小数值的rem单位.淘宝这个方案已经用了很多年
weixin_33928137·2020-08-15 20:56

vue中使用rem适配方案

一、移动端适配常见方案：（1）通过媒体查询的方式即CSS3的meidaqueries（2）以天猫首页为代表的flex弹性布局（3）以淘宝首页为代表的rem+viewport缩放（4）rem方式参考博客：
Java少年·2020-08-15 19:07

rem 移动端自适应 vue vant postcss-pxtorem lib-flexible

rem移动端自适应移动端适配在用vuecli3.x写项目的过程中，遇到了一些问题，当我用Vant框架时，官方文档提示说Vant的样式默认使用px作单位，如果使用rem的话，推荐使用以下两个工具：postcss-pxtorem
地灵·2020-08-15 16:00

移动端开发rem单位的格式化js文件flexible.js

有关前端开发的移动端适配,借助rem可以省去很多媒体查询的工作,对于rem,可以在css中做一些规定,也可以直接通过js来控制,这样,更是最大程度的还原了设计图.以下代码为转载;(function(win
buptMelody·2020-08-15 00:53

移动端适配-(postcss-pxtorem)

基于vue+vant的移动端适配(rem)1.下载lib-flexible--savenpmilib-flexible--save2.在main.js中引入lib-flexiblemain.jsimport'lib-flexible
C。阳·2020-08-15 00:17

移动端开发技巧+移动端适配方法笔记

一、开发技巧1、流式布局：不使用固定像素布局，用百分比布局或一些自适应的布局。布局内容是朝网页两端填充的布局。主要适用于：图片比较多的首页、门户、电商等。2、标准的viewport设置（width=device-width、initial-scale=1.0、user-scalable=no三个必填设置）3、在移动端点击a标签，会有高亮的效果，如果不需要可以清除方法为：-webkit-tap-hi
lgdshr123·2020-08-14 23:51

解决移动端，wap站，m站适配方案整理

概念：所谓移动端的适配，就是不同手机（屏幕尺寸/分辨率）上作等比例的缩放，给予用户更好的体验效果；首先，我们可以看到网上出现的一些关于移动端适配的技术方案：框架式：Bootstrap，mui、amazeUI
依然范特西的XXK·2020-08-14 21:22

【UI设计基础知识】设计时移动端适配原理是什么

一说到PPI，好像大家都会想到DPI。DPI是什么意思呢?DPI表示每英寸有多少个点。PPI表示每英寸有多少个像素。那点是什么?点是印刷单位，就是每英寸(2.54厘米)上面有多少个油墨点。当然，在Android系统中，DPI就是像素/每英寸,跟PPI是一个概念。Android系统真的是为所欲为呀。但是没办法，Android就是这么用了，咱们只能这么去理解了。那为什么会有@1X、@2X、@3X的概念
kobe_back·2020-08-14 13:12

关于移动端适配的问题

移动端适配，就是WebAPP在不同屏幕上等比显示第一：使用viewport（配置视口）通过使用H5的标签进行适配不同设备meta的使用>>//是否允许用户进行缩放，值为”no”或”yes”,no代表不允许
沉迷学习-·2020-08-13 22:30

Vue-cli3配合Mint UI移动端开发rem的计算问题

在使用Vue-cli3开发移动端的时候需要注意移动端适配的问题我是使用rem来做的，所以需要使用postcss-px2rem进行统一转换首先需要安装一下postcss-px2rem：npminstallpostcss-px2rem
youyou_builder·2020-08-12 00:22

移动端适配-flexible.js使用(解决对外部引入css，px2rem能不能转换rem问题)

移动端flexible.js适用于最新版vue-cli,配置手淘的lib-flexible.js和rem实现移动端页面自适应1.安装lib-flexible.jsnpminstalllib-flexible--save2.在项目入口文件main.js中引入lib-flexibleimport‘lib-flexible’3.px转换rem使用webpack的px2rem-loader,自动将px转换
看雪看月亮·2020-08-12 00:32

vue移动端适配方案

一、flexible.js实现适配flexible.js+rem进行移动端适配先利用vue脚手架创建vue项目npminstall-gvue-clivueinitwebpackmy-projectcdmy-projectnpmrundev1
xx_ll_·2020-08-12 00:56

Vue移动端适配之rem

一.安装插件npmaddlib-flexiblepostcss-px2rem二.在public中的index.html中删除meta标签删除We'resorrybutsupermaildoesn'tworkproperlywithoutJavaScriptenabled.Pleaseenableittocontinue.三.在main.js中导入插件包import'lib-flexible'四.配
进阶的巨人001·2020-08-12 00:45

移动端vue项目px自动转换成rem

vue做移动端适配,如果手动把px转换成rem,势必降低效率,一不小心还会算错等等各种劣势。不过不要灰心,我们可以借助px2rem插件,方便快捷的将px转换成rem。
春天的小绵羊·2020-08-12 00:12

移动端适配解决方案

移动端适配由于移动端的特殊性，屏幕的尺寸碎片化严重，要想很好的适配不同的尺寸的设备，需要我们前端开发相比PC端要做一些基层的适配方案（消除横向滚动条）两种像素像素是计算机屏幕中显示特定颜色的最小区域，当设备尺寸相同时
weixin_44592912·2020-08-12 00:07

vue-cli3+vant+vantRem完成移动端适配的问题

本文从如下链接转载：https://blog.csdn.net/qq_37942845/article/details/904447841、安装vue-cli3脚手架，不懂的去vue-cli官网npminstall-g@vue/cli2、通过vue-cli3创建项目vuecreatemy-project创建的过程有很多选项，我的常用选项：简单介绍一下:a、Babel：转码工具，有了它就可以开心的用
weixin_43831302·2020-08-12 00:17

移动端适配方案——postcss-px-to-viewport

本文为转载，原文链接：https://blog.csdn.net/Cookysurongbin/article/details/99671673之前做移动端适配时，基本上是采用rem方案，现在发现了一个新的方案
小滕很久没锻炼·2020-08-12 00:11
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他