移动端适配

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

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

PC端+移动端适配！完美用户体验！斗地主手牌交互示范

我是HullQin，公众号线下聚会游戏的作者（欢迎关注公众号，发送加微信，交个朋友），转发本文前需获得作者HullQin授权。我独立开发了《联机桌游合集》，是个网页，可以很方便的跟朋友联机玩斗地主、五子棋等游戏，不收费没广告。还开发了《DiceCrush》参加GameJam2022。喜欢可以关注我HullQin噢～我有空了会分享做游戏的相关技术。背景之前我们提到了斗地主的最优秀的交互方案：《斗地主
·2022-09-16 10:23

疫情下离职并成功上岸的一些面试题总结

date、time、email、url、search，支持Video新增LocalStorage，使用LocalStorage可以永久存储大的数据片段在客户端(除非主动删除)，目前大部分浏览器已经支持移动端适配方案
IT go·2022-09-14 08:26

vue 自适应布局

px2rem-loader第二步：引入安装好之后在main.js中引入lib-flexibleimport‘lib-flexible’然后在依赖中找到该文件把其中的540改为width,因为本来设计的初衷是为了移动端适配
十年磨剑&百年铸锋·2022-09-06 20:20

[极致用户体验] 2行代码，让你的UI适配移动端、PC端，快来收藏

1.讲个故事移动端适配，每一个前端都绕不开的话题。新
·2022-08-18 19:12

Vue.js实践：一个Node.js+mongoDB+Vue.js的博客内容管理系统

嗯，我想完成的功能：一个基本的博客内容管理器功能，如后台登陆，发布并管理文章等支持markdown语法实时编辑支持代码高亮管理博客页面的链接博客页面对移动端适配优化账户管理(修改密码
weixin_34085658·2022-07-22 11:47

vue3+ts+vant移动端H5项目搭建的实现步骤

目录1.全局安装vue-cli2.使用vueui可视化创建项目3.打开项目4、安装vant,并实现按需引入5、移动端适配（rem）使用vue-cli搭建项目1.全局安装vue-clinpminstall-g
·2022-07-12 15:22

VUE 移动端适配——px2rem 和 postcss-pxtorem

关于VUE移动端适配rem这里总结了两种高效的方法：此方案是借助两个插件，将px进行转化为rem。lib-flexible用于设置rem基准值。由淘宝手机前端开发团队编写的。
足各路·2022-06-30 09:22

“postcss-px-to-viewport”——移动端前端适配的又一种方案

0、前言博主以前在做移动端的时候主要使用@mediascreenand(min-width:1200px){}或者灵活点，会用之前一种流行已久的移动端适配方案，那就是rem，也就是会用如下代码：constdeviceWidth
LIMI_伞梦·2022-06-30 09:41

2020最全前端面试系列（CSS）（盒模型、flex）

2020最全前端面试系列（CSS）（盒模型、flex）居中问题Position选择器盒模型边距重叠扇形loading移动端适配清除浮动导入样式时，使用link和@import有什么区别flex2020最全前端面试系列
前端彭于晏Eddie·2022-06-28 14:21

移动端适配（必须要知道的，亲测有效）

关于移动端适配（必须要知道的，亲测有效）一、各种单位概念理解二、移动，web开发三、移动端适配1、视口(viewport)概念2、视口(viewport)适配（代码）3、rem单位适配flexible方案竖屏
落花见流水·2022-06-02 19:06

一个 "开箱即用" 个人博客全栈系统项目！vue+node+express+mysql+sequlize+uniapp

包括前后台完整基础功能，微信小程序，H5，web前台站点一键置灰，支持移动端适配;管理端常用增·查·改页面内置代码自动生成即可，sql文件已附上，整套博客系统开箱即用,已完成代码生成器，权限模块，菜单管理等等
书中枫叶·2022-05-22 13:00

一个 "开箱即用" 个人博客全栈系统项目！vue+node+express+mysql+sequlize+uniapp

包括前后台完整基础功能，微信小程序，H5，web前台站点一键置灰，支持移动端适配;管理端常用增·查·改页面内置代码自动生成即可，sql文件已附上，整套博客系统开箱即用,已完成代码生成器，权限模块，菜单管理等等
周小果·2022-05-22 13:00

网易云小程序笔记

待做听说妙知识点坑思路思考感悟这是要做的页面还有一些就不贴了预备知识小程序经常用的布局：flexhttps://www.runoob.com/w3cnote/flex-grammar.htmldpr:设备像素比，物理像素/设备独立像素=dpr，一般以Iphon6的dpr为准dpr=2移动端适配有两种一种
开心猫猫虫·2022-05-20 18:26

移动端适配

屏幕尺寸屏幕分辨率数值大的在前面，数值小的在后面PPI和DPI是指对角线上每英寸的像素数量，而不是每平方英寸上的像素数量，这里指物理像素设备像素和逻辑像素设备像素即物理像素：逻辑像素：这个375*667就是逻辑像素设备像素和逻辑像素不等价的情况：dpr-设备像素比我们css中写windth:1px，Iphone6设备上会占用两个发光点来显示Iphone6中设备像素是逻辑像素的两倍，Iphone6也
·2022-05-17 11:26

离职成功上岸的一些面试考点总结

date、time、email、url、search，支持Video新增LocalStorage，使用LocalStorage可以永久存储大的数据片段在客户端(除非主动删除)，目前大部分浏览器已经支持移动端适配方案
·2022-05-14 10:04

手机网站一键秒变App？详细教程来了

不过有一点需要注意，网站需要进行过移动端适配。首先，进入APICloud官网www.apicloud.com并完成注册。进入开发控制台，点击创建应用，选择WebA
·2022-05-13 17:30

移动端常见适配方案

做移动端页面有一段时间了，总结下工作中常用的几种移动端适配方案。
·2022-05-12 09:51

JAVA基础1

面向桌面级平台（Windows下的应用程序），提供了完整JAVA核心APIJAVAEE为开发企业环境下的应用程序提供一套解决方案，主要针对WEB应用开发JAVAME运行在移动终端上的平台，对SE有所精简，并加入对移动端适配
鹏程933·2022-04-30 14:56

vue-core-video-player-基于vue.js的视频播放器组件

一介绍一款基于vue.js的轻量级的视频播放器插件插件个性化配置i18n服务端渲染画中画模式事件订阅易于开发移动端适配1.1官方文档https://core-player.github.io/vue-core-video-player
Iron_Man-super·2022-04-30 01:00

vue【移动端适配】

主角是谁在今天这篇文章中，我并不会在这里讲一些移动端视口的概念，包括物理像素和逻辑像素，理想视口，dpr等等等等，我只介绍这样一种非常不错的移动端适配方案：post-css-to-viewport痛点在哪里在之前有一种流行已久的移动端适配方案
魔王HG·2022-04-19 15:04

[移动端]移动端设备属性

移动端设备的一些属性尺寸想要实现移动端适配就要认识下显示设备的物理尺寸(屏幕对角线长度)单位“英寸”
程序员云锦·2022-04-15 10:40

超详细讲解H5移动端适配

前言移动互联网发展至今，各种移动设备应运而生，但它们的物理分辨率可以说是五花八门，一般情况UI会为我们提供375尺寸的设计稿，所以为了让H5页面能够在这些不同的设备上尽量表现的一致，前端工程师就不得不对页面进行移动端适配了
前端南玖·2022-04-13 16:00

BootstrapBlazor-Table

Table组件已经支持移动端适配，当屏幕小于RenderModelResponsiveWidth设定值时，组件渲染成卡片式方便查看数据，其默认值为768Tab
一事冇诚·2022-04-03 22:00

移动端适配通过插件postcss-pxtorem实现

下载插件：npminstallpostcss-pxtorem--save-dev下载完后进行配置如下：//在项目根目录下创建postcss.config.js文件module.exports={plugins:{'autoprefixer':{browsers:['Android>=4.0','iOS>=7']},'postcss-pxtorem':{rootValue:16,//结果为：设计稿元
master-sun-·2022-03-24 00:04

Vite中使用flexable和postcss-pxtorem进行移动端适配

如果使用Vue进行移动端页面的开发，需要对不同机型的宽高进行适配。最常用的方法是使用amfe-flexable和postcss-pxtorem这两个插件来帮助进行适配。amfe-flexableamfe-flexable是阿里发布的一套可伸缩适配方案。它能根据设备的宽高来设置页面body元素的字体大小，将1rem设置为设备宽度/10以及在页面大小转换时可以重新计算这些数值。具体可见github连接
马可仕马可仕·2022-03-24 00:33

Vue.js开发移动端经验总结

关注公众号前端开发博客，回复“加群”加入我们一起学习，天天进步作者：阡ゼ陌https://blog.csdn.net/weixin_44705688/article/details/103961664移动端适配相对于
前端开发博客·2022-03-16 09:47

移动端学习宝典

一、从淘宝适配布局谈移动端适配二、使用Flexible实现手淘H5页面的终端适配三、网易和淘宝的rem方案剖析
小白变怪兽·2022-03-14 04:19

html页面预览pdf文件使用插件pdfh5.js

html预览pdf文件需要依赖pdf.js移动端适配需要pdfh5.js记录移动端适配pdfh5.js的用发在线预览：https://www.gjtool.cn/pdfh5/pdf.html?
霸王鑫·2022-02-22 14:00

关于移动端适配，你必须要知道的

导读移动端适配，是我们在开发中经常会遇到的，这里面可能会遇到非常多的问题：1px问题UI图完美适配方案iPhoneX适配方案横屏适配高清屏图片模糊问题...上面这些问题可能我们在开发中已经知道如何解决，
编程鸭·2022-02-21 00:14

关于移动端适配，你必须要知道的

导读移动端适配，是我们在开发中经常会遇到的，这里面可能会遇到非常多的问题：1px问题UI图完美适配方案iPhoneX适配方案横屏适配高清屏图片模糊问题...上面这些问题可能我们在开发中已经知道如何解决，
精神蛙·2022-02-18 09:35

移动端适配器

移动端适配器一般同时设置width=device-width和initial-scale=1.0（为了解决兼容问题）移动端viewprot的设置(其他属性)1)、minmum-scle:允许用户的最小缩放
男孩12·2022-02-16 10:27

网页移动端适配的方法

移动端适配的文章很多，自己都看晕了，特别想找一个一劳永逸的又简洁的解决方案。设计原则：文字流式，控件弹性，图片等比缩放。字体使用px设置大小，控件多使用flex布局来定位，图片等使用rem来设置。
赤色要塞满了·2022-02-16 08:08

98道经典Vue面试题总结

98道经典Vue面试题总结本文档基于vue-cli技术栈总结了vue-cli工程vue.js核心知识vue-router路由vuex状态管理器axios等http请求移动端适配Tab切换等常用功能vue
Asens_9dff·2022-02-15 11:51

vue移动和pc两个脚手架，整合成一个脚手架项目

最近写公司官网，用vue写，pc已经差不多接近完成，是年前离职员工写的，我负责写移动端，研究了移动端适配问题，便开始写了，移动端适配方案；写好后让我将两个项目整合成一个，用代码判断跳转。
脏十三i·2022-02-14 09:37

移动端适配的三种方法之（三）rem是啥？实际工作怎样用它？

前言：正好最近有时间，给移动端适配这里做一个整理，全面并且深入地重新去理解这些代码的含义，不再只是代码的搬运工，不再只会像之前一样复制粘贴,这篇rem和em是因为我自己做了好几个移动端的rem了，都是组长算好告诉比率什么的直接用就行了
潘千千·2022-02-13 09:58

解决vue移动端适配问题，vue-cli3+vant-ui等第三方UI组件引入适配

1.首先把安装amfe-flexible，这里使用npminstallnpmi-Samfe-flexible2.在入口文件main.js中引入import'amfe-flexible/index.js'3.在根目录的index.html的头部加入手机端适配的meta代码4.安装postcss-pxtorem是一款postcss插件，用于将单位转化为remps：前提是ui设计的psd图尺寸大小是75
走啊丶去拯救世界·2022-02-12 23:15

2019-04-16-移动端适配

document.documentElement.style.fontSize=window.innerWidth/750*100+'px';//获得屏幕大小lethtmlwidth=document.documentElement.clientWidth||document.body.clientWidth;//浏览器兼容console.log("屏幕宽度："+htmlwidth)//iphon
帆_44fc·2022-02-12 03:25

vue-cli 3.0+vant项目使用postcss-pxtorem和amfe-flexible 进行移动端适配

vue-cli3.0+vant项目使用postcss-pxtorem和amfe-flexible进行移动端适配Rem适配Vant中的样式默认使用px作为单位，如果需要使用rem单位，推荐使用以下两个工具
果汁果肉·2022-02-11 14:38

常用工具和代码

web常用网站整理在线工具类图片在线压缩工具网页特殊符号Tguidecss动画在线编辑anmition移动插件库雪碧图生成工具swiperEcharts官方API-百度地图名片常用代码块移动端适配//屏幕适应
夏至未至_95bf·2022-02-11 13:50

移动端js基本概念

一、移动端适配二、媒体查询@mediascreenand(min-width:1200){//大屏幕设备}@mediascreenand(min-width:992){//中等屏幕设备}@mediascreenand
致自己_cb38·2022-02-09 14:16

vue移动端适配插件lib-flexible

配置vue插件lib-flexible1.安装插件lib-flexiblenpmilib-flexible--save-dev2.在main.js中引入lib-flexibleimport'lib-flexible/flexible'3.安装px2remloadernpminstallpx2rem-loader--save-dev4.配置px2rem-loader在build文件中找到util.j
不染事非·2022-02-09 03:02

移动端适配

rem适配1.引入flexible.js(解决不同屏幕设置html跟字体为设计稿的1/10的媒体查询问题)2.代码实际尺寸为(标注尺寸/设计稿/10)remeg:750设计图的120px(120/750*10)rem=>(120/75)remwidth:1.6rem;vw适配1.由于视口宽度为100vw,所以1vw占据屏幕宽度的1/1002.代码实际尺寸为(标注尺寸/设计稿/100)remeg:7
愤怒的牛牛·2022-02-08 14:39

vue移动电商java_《Vue.js+Koa2移动电商实战》总结

下面我总结一下里面的一些要点：移动端适配问题-rem布局//得到手机屏幕的宽度lethtmlWidth=document.documentE
怪叔叔来了·2022-02-07 09:26

vue移动端适配插件lib-flexible

直接写px就行了吗？是的，配置好pxtorem之后，webpack会帮你转使用vue-cli安装好一个vue的项目npminstall-gvue-clivueinitwebpackmy-projectcdmy-projectnpmrundev配置vue插件lib-flexible安装插件lib-flexiblenpmilib-flexible--save-dev在main.js中引入lib-fle
小棋子js·2022-02-07 06:26

移动端适配rem问题

(function(doc,win){vardocEl=doc.documentElement,resizeEvt='orientationchange'inwindow?'orientationchange':'resize',recalc=function(){varclientWidth=docEl.clientWidth;if(!clientWidth)return;if(clientWi
Carol_笑一笑·2022-02-06 13:29

lib-flexible解决vue项目移动端适配

一：项目中引入lib-flexible（1）项目中安装lib-flexible```npminstalllib-flexible--save```（2）项目入口文件main.js中引入lib-flexible```import'lib-flexible'```删除项目根目录下的index.html的meta标签，因为lib-flexible会自动在html的head中添加meta。同时自动设置ht
唐僧太吃肉·2022-02-04 15:10

移动端适配问题

移动端适配问题在head中设置：javascriptwindow.addEventListener('onorientationchange',setRem);window.addEventListener
前端_周瑾·2022-02-03 17:27

Vue 移动端适配 lib-flexible 插件的使用

1.安装插件npmilib-flexible--savenpminstallpx2rem-loader2.配置px2rem-loader在build文件中找到util.js，将px2rem-loader添加到cssLoaders中，将下面代码加进cssLoaders方法中，其中remUint是设计稿尺寸/10的计算结果constpx2remLoader={loader:'px2rem-loader
intangible·2022-02-03 04:24

(移动端适配px转rem)react配置rem插件lib-flexible和postcss-px2rem-exclude

1、安装插件yarnaddlib-flexiblepostcss-px2rem-exclude//这个插件也要下，不然的话启动项目的时候会报错yarnaddreact-app-rewire-postcss2、修改config-overrides.js（如果没有就新建，在项目根目录）在config-overrides.js文件里重写postcss，加入如下代码这文件将antd-mobile的配置合并
·2022-01-27 14:29
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他