移动端适配

Vue-CoreVideoPlayer 一款基于 vue.js 的轻量级、优秀的视频播放器组件

采用AdobdXD进行UI设计，支持移动端适配,不仅功能强大，颜值也是超一流！Vue-CoreVideoPlayer的说明文档和sample都很完善，上手十分容易。
一条苍老的小鱼·2023-02-18 07:27

vue-cli3.0引入postcss-pxtorem和lib-flexible 移动端适配

postcss-pxtorem配合lib-flexible，非常方便，vue-cli3.0后，项目配置被大大精简了。安装flexible和postcss-px2rem（命令行安装）npminstalllib-flexible--savenpminstallpostcss-pxtorem--save-dev或者：npminstallpostcss-px2rem--save-devpostcss-px
MissWang1·2023-02-17 15:34

web面试相关

animation和transiton的相关属性animate和translate11、display哪些取值12、相邻的两个inline-block节点为什么会出现间隔，该如何解决13、metaviewport移动端适配
Ace__丨·2023-02-17 05:30

如何实现移动端适配

0.meta:vp做移动端页面时，二话不说先加一句别问，问就是防止浏览器自动缩放1.响应式布局（responsive）响应式布局可使网站在不同的设备上浏览时对应不同分辨率皆有适合的呈现其布局通过媒体查询@media实现，详见：https://www.jianshu.com/p/c6d82db7ad62新闻及门户网站可以用响应式布局，但大型网站媒体查询有其局限性因此实际工作中不常见，但面试会考实际上
Ga611·2023-02-16 23:56

Vue移动端适配

一、配置flexible1、安装lib-flexiblenpminstalllib-flexible--save2、全局引用文件（在mian.js中引入）import'lib-flexible/flexible'3、在项目根目录index.html中添加meta标签二、配置px2rem-loader1、安装px2rem-loadernpminstallpx2rem-loader--save2、（1
Joker丶龙·2023-02-07 01:25

如何在vue-cli3.x中实现rem移动端适配

vue-cli3中实现rem移动端适配的有效方法：lib-flexible+postcss-pxtorem。
竹立荷塘·2023-02-04 02:43

vue-cli 3.x 移动端适配px自动转为rem

1.下载依赖npminstallpostcss-pxtorem@5.1.1--save-devnpminstalllib-flexible--save2.在src/main.js中引入import'lib-flexible/flexible.js';3.package.json中配置"postcss":{"plugins":{"autoprefixer":{},"postcss-pxtorem":
冰点雨·2023-02-03 02:12

移动端适配笔记

viewport缩放方案-->constWIDTH=750constmobileAdapter=()=>{letscale=screen.width/WIDTHletcontent=`width=${WIDTH},initial-scale=${scale},maximum-scale=${scale},minimum-scale=${scale}`letmeta=document.querySe
_小海绵·2023-02-01 09:15

Vue.js 移动端适配之 vw 解决方案

H5需要安装npminstalldsbridge@3.1.4npmipostcss-aspect-ratio-minipostcss-px-to-viewportpostcss-write-svgpostcss-cssnextpostcss-viewport-unitscssnano--Snpmicssnano-preset-advanced--save-dev找到在根目录中的.postcssrc
虾米77·2023-01-31 06:26

赞奇云工作站：网页移动端适配已完成

赞奇云工作站官网更新啦，网页移动端适配，网页模块变更，这些更新来了解一下。
赞奇超高清设计师云工作站·2023-01-30 03:32

移动端适配开发

主要有两种方案，通过viewport设置画布缩放比例、通过设置html的font-size用rem适配。方案一：强制metaviewport的宽度为设计稿的宽度//根据设计稿的宽度来传参比如6407501125!function(designWidth){if(/Android(?:\s+|\/)(\d+\.\d+)?/.test(navigator.userAgent)){varphoneSca
我听过空境的回音i·2023-01-29 08:50

vue移动端适配插件postcss-pxtorem

1.安装lib-flexible终端执行命令：npmilib-flexible--save2在main.js引入lib-flexibleimport'lib-flexible/flexible'3.安装postcss-pxtorem注意（需要指定版本）不指定版本会报Error:PostCSSpluginpostcss-pxtoremrequiresPostCSS8.错原因是版本过高，5.1.1版本
冬日的太阳_c107·2023-01-27 17:28

移动端适配

1.媒体查询（廉颇老矣，尚能饭）@mediascreenand(min-width:375px){html{font-size:14.0625px;}}@mediascreenand(min-width:360px){html{font-size:13.5px;}}@mediascreenand(min-width:320px){html{font-size:12px;}}html{font-si
我的小机灵·2023-01-27 15:00

rem移动端适配

引入如下js内容（按照750px设计稿宽度配置）：(function(doc,win){letdocEl=doc.documentElementletresizeEvt='orientationchange'inwindow?'orientationchange':'resize'letrecalc=function(){letclientWidth=docEl.clientWidthif(!cl
Micro同学·2023-01-27 03:16

移动端适配

这些其实就是比较常见的移动端适配问题。现阶段比较主流的适配方案有二种。
奋斗的香蕉·2023-01-26 13:24

移动端适配(基础概念+分析flexible源码)

移动互联网发展的如火如荼，这对前端工程师要求就更高了，移动端适配也就成为了重要的问题之一。
gaoxuerong·2023-01-26 11:55

如何在Vue项目中使用vw实现移动端适配（待完善）

vw实现移动端适配：https://www.jianshu.com/p/1f1b23f8348f图片不显示问题：image.png
不困于情·2023-01-26 10:26

不要再用js设置rem了，现代css自适应方案来了

在做移动端适配的时候，很多人第一反应就是使用rem，通过动态设置html上的font-size来进行页面的自适应，基本原理就是rem表示的是rootem，页面中所有的值都是基于html上的font-size
·2023-01-16 20:04

移动端适配方案总结

引言最近的工作着重于移动端场景以及大屏场景业务开发，本篇文章主要对这些项目中应用的移动端适配方案进行梳理与总结。
·2022-12-29 14:34

ECharts框架分段视觉映射在移动端适配

目录移动端适配数据和维度分段视觉映射组件事件和行为移动端适配满足多个查询时的优先级：请注意，可以同时满足多个查询，并且它们都将由mergeOption合并，mergeOption稍后由merge定义（即更高的优先级
·2022-12-26 15:45

移动端适配+flexible.js+rem适配

移动端适配前沿：移动端web页面的开发，由于手机屏幕尺寸、分辨率不同，或者需要考虑横竖屏问题，为了使得web页面在不同移动设备上具有相适应的展示效果，需要在开发过程中使用合理的适配方案来解决这个问题。
Front End Developer·2022-12-20 18:02

vite多页应用

这种页面要求第一诉求就是速度，所以用jQuery、vue、react都有点臃肿，但是又需要用到一些前端工程上一些功能，比如css自动添加浏览器前缀、移动端适配、热重载等功能。于是就想用vite来做。
oppos69·2022-12-14 09:17

Vue3+Vite3+Ts4配置移动端适配

一、安装插件npmipostcss-pxtorem-Dnpmiamfe-flexible-D二、配置vite.config.ts引入包importpostCssPxToRemfrom"postcss-pxtorem"在对应的位置配置css.css:{//此代码为适配移动端px2rempostcss:{plugins:[postCssPxToRem({rootValue:37.5,//1rem的大小
不想掉头发啊！！·2022-12-11 19:39

Vue3 + Ts + Vite移动端适配教程 -- 简单上手

目标：在某些机型上屏幕会出现不同的差别，于是使用适配方案适配移动端项目，在此介绍插件的方法作为例子。使用过程：下载两个插件依赖cnpm/npm/[email protected]需要指定版本，不然可能会出错！！！cnpm/npm/yarninstalllib-flexible--save在根目录下创建postcss.config.js文件，并编写下
kk楷楷·2022-12-11 19:39

关于在Vue3项目中配置vw实现移动端适配，rem配置不成功的小伙伴不妨看看这篇文章

一，配置vw在配置vw之前，我们先配置vue-cli3的搭建，安装步骤在我主页文章中，这里先不展示安装过程：链接↓↓↓关于vue脚手架vue-cli搭建安装流程（内附图文）二，创建项目利用可视化视图的方式打开vueui界面创建项目（这里我先创建好了）用编译器打开刚创建的veu-applet中下面是我的一个配置↓↓↓:在vue-cli3中是没有.postcssrc.js的，需要自己创建。（我这里的v
雨后的泥土味i·2022-12-11 19:37

vite+vue3+vant3移动端适配方案

之前主流移动端适配方案是lib-flexible+postcss-pxtorem，但是这样的方案会存在一定的问题：两个插件需要配套使用，而且rootValue设置的值不好理解rem是相对于html元素字体单位的一个相对单位
椒盐大肥猫·2022-12-11 19:37

Vite 2.0 + Vue3 + Ts + Vant3移动端项目

highlight:androidstudioVite2.0搭建Vue3移动端项目一.涉及技术点vitevue3tsroutervuexaxiosvant3移动端适配请求代理二.步骤vite+ts+vue3
Coder_lixc·2022-12-11 19:37

Vue-移动端适配rem、vw、vh

一、移动端适配rem1、安装lib-flexiblenpmilib-flexible--save2、在main.js引入lib-flexible//main.jsimport'lib-flexible/
小矮马·2022-12-11 19:07

移动端页面适配

移动端适配是让页面在不同的移动设备上都合理展示2、
须臾不敢忘·2022-12-09 14:45

Vue3实战——项目搭建（二）

一、全家桶vue3+vitevue-routerpinia状态管理、pinia-plugin-persist数据存储axios接口请求postcss-px-to-viewport移动端适配vant4移动端
135e606a0926·2022-12-08 17:07

移动端页面适配

移动端适配是让页面在不同的移动设备上都合理展示2、移动端页面适配的设计方向（1）0适配：使用合理的flex布局+媒体查询做微调（2）等比缩放：基于一个尺寸的屏幕做设计，其他屏幕等比缩放二、0适配1、简介
不想写，还得写，写就写，慢慢写·2022-12-08 08:53

移动端适配

视觉视口在PC端，视口的默认宽度和浏览器的窗口宽度一致。在PC端可以通过一下方式获取宽度。console.log('最干净的显示区域',document.documentElement.clientwidth);//常用console.log('最干净的显示区域+滚动条',window.innerwidth);console.log('最干净的显示区域+滚动条+浏览器边框',window.oute
菜鸟小奇奇·2022-12-06 16:03

移动端适配这五种方法就够了

移动端适配的五种方法第一种方法：viewport适配原理：通过设置initial-scale,将所有设备布局视口的宽度调整为设计图的宽度.
A是曾同学呀·2022-12-06 02:18

vue移动端适配

目录安装插件1.安装amfe-flexible依赖：2.安装postcss-pxtorem依赖：配置重启项目，完成移动端适配安装插件1.安装amfe-flexible依赖：（项目终端运行）npminstallamfe-flexibleamfe-flexible
颖儿♡＾▽＾♡·2022-11-24 08:28

vue（移动端）使用高德地图实现精准定位

点击城市进入页面二（粗略定位），搜索框输入具体位置（以大连理工大学为例）点击大连理工大学，回到页面一，并展示精准位置再次点击位置，进入页面二精准定位地图前提准备一、vue项目二、移动端配置（不配置也可用）vue移动端适配三
颖儿♡＾▽＾♡·2022-11-24 08:47

vue3项目网站自适应大屏幕宽度（width＞1920）

postcss-px2rem、px2rem-loadercnpminstalllib-flexible--savecnpminstallpostcss-px2rem--savelib-flexible是来作为移动端适配的解决方案的
祈盼啦啦啦·2022-11-23 09:48

丁鹿学堂：前端开发基础知识之像素详解

理解这个，对于我们理解移动端适配很有意义。物理像素显示器的真实像素，是制造这个显示器的时候固定的像素。当你买一个显示器或者手机的时候，提到的分辨率，就是设备的物理像素。
丁鹿学堂·2022-11-12 04:48

【微信小程序丨第三篇】小程序的基础知识储备

文章目录前言1、Flex布局Ⅰ-基本知识点概念2、移动端相关知识点Ⅰ-物理像素Ⅱ-设备独立像素、css像素Ⅲ-dpr比、DPI、PPI3、移动端适配方案Ⅰ-viewport适配Ⅱ-
一笼馒头·2022-11-10 17:57

深延科技：基于深度学习的智能OCR识别技术大有可为

同时配合其他信息化手段的综合应用，使智能OCR具备移动端适配、多任务检测、整行识别、图像
深兰深延AI·2022-11-03 08:25

关于移动端与大屏幕自适应适配方案

目录一、安装并配置相应插件1.安装lib-flexible与postcss-pxtorem2.配置lib-flexible与postcss-pxtorem二、设置移动端适配三、注意问题一、安装并配置相应插件
·2022-10-27 20:31

移动端适配方案

移动端适配方案移动端适配方案是一个老生常谈的话题，但是对于不同的项目、不同的业务场景可能会需要不同的适配方案来进行移动端适配，向下兼容的baseline也需要提前订好。
weixin_34249678·2022-10-22 07:03

vue移动端怎么设置页面高度_解决vue移动端适配问题

1，先看看网上关于移动端适配讲解再聊移动端页面适配，rem和vw适配方案！基础点：rem相对根节点字体的大小。
weixin_39932455·2022-10-22 07:32

移动端页面如何优雅的适配各种屏幕，包括PC端

移动端适配开发移动端页面，我们通常都会按照一个固定宽度的设计稿来做，但是实际上的手机屏幕尺寸五花八门，如果不进行适配的话会比较影响使用体验。
街角小林·2022-10-22 07:56

移动端页面如何优雅的适配各种屏幕，包括PC端

移动端适配开发移动端页面，我们通常都会按照一个固定宽度的设计稿来做，但是实际上的手机屏幕尺寸五花八门，如果不进行适配的话会比较影响使用体验。
·2022-10-20 22:57

如何在Vue3项目中使用vw实现移动端适配

如何在Vue3项目中使用vw实现移动端适配接下来的内容，直接使用Vue官方提供的Vue-cli的构建工具来构建Vue项目。
mslmhl·2022-10-17 19:30

你了解过移动端适配吗？面试真题解析

一、认识鸿蒙鸿蒙微内核是基于微内核的全场景分布式OS，可按需扩展，实现更广泛的系统安全，主要用于物联网，特点是低时延，甚至可到毫秒级乃至亚毫秒级。鸿蒙OS实现模块化耦合，对应不同设备可弹性部署，鸿蒙OS有三层架构，第一层是内核，第二层是基础服务，第三层是程序框架。可用于手机、平板、PC、汽车等各种不同的设备上。还可以随时用在手机上，但暂时华为手机端依然优先使用安卓、华为电脑端依然优先使用windo
web大美女·2022-10-13 09:53

选项卡的两种实现方式 IE6 BUG的解决 移动端适配meta标签 link与@import的不同 css实现三角形(等边三角形) 梯形 六边形

选项卡的两种实现方式第一种Document.wrap{width:500px;height:500px;margin:50pxauto;}.tab{height:50px;}.tab.item{float:left;width:100px;height:100%;text-align:center;line-height:50px;}.tab.item.current{background-col
_聪明勇敢有力气·2022-10-12 11:50

浅谈移动端单屏解决方案

前文《移动端常见适配方案》中，我介绍了移动端的一些常见适配方案移动端适配就是在进行屏幕宽度的等比例缩放文中我强调了移动端适配是对屏幕宽度进行缩放：对于普通的流式布局(长屏幕页面)，页面内容是可以上下滚动的
·2022-10-10 10:22

H5移动端适配屏幕（ios和android）

全面屏手机把整个webview（包括状态栏）给H5的话，不对状态栏进行控制往往会有以下如图问题出现，这样头部的返回按钮置于页面的安全区外，无法进行操作。有问题的想要的效果：具体的实现：针对ios的刘海屏问题的解决：一、设置网页在可视窗口的布局方式（重点是添加：viewport-fit=cover）二、把页面主体内容限定在安全区内添加如下样式：body{padding-top:constant(sa
zuo-yiran·2022-09-26 17:39

前端—我的第一篇博客 梦开始的地方（面向对象版tab栏）

这是我的第一篇博客博客生涯才开始但是人生已经过去了二十个年头了才开始弄这个也没搞得太懂我原本的想法是想搞个源代码上来但是看了半天好像就只能传html源代码那我还有cssjs的部分呢我还想给大伙看看功能呢其实我老早就想开个博客了一直没找到在哪里来弄学倒是一直在学就这么学下来了从htmlcssh5c3移动端适配
·2022-09-22 19:51
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他