移动端页面

0基础学习VR全景平台篇 第68篇：VR直播-如何添加管理员

注意管理员功能只能在蛙色VR直播的移动端页面进行，该页面在电脑和手机上均可访问操作。
VRvrvr001·2023-07-21 22:48

CSS移动端实现PC端长按:active效果（改变背景色）

经常看到有些移动端页面某些块或者按钮在长按以后可以出现背景色或者字体颜色的改变，初始以为是利用js去实现，后面转念一想用js来实现这个小功能也太麻烦了，参照了一些美团H5的页面，发现他们原来是这么做的：
油腻的前端大叔·2023-07-18 22:17

关于a链接里面套img，与的底部会留白的问题

今天写移动端页面的时候，踩了一个坑，如图，里面有个,与之间底部会有缝隙,这是什么鬼？image.png1.首先，标签是inline的，框模型是：行内框。
酷鼠666·2023-07-18 04:52

移动端页面如何现实简单切换，vat3组件的标签栏如何使用及图标有哪些属性

Vant3-LightweightMobileUIComponentsbuiltonVue在我们已经配置好移动端的框架的基础上，我们来现实页面的切换~首先了解一下图标：基于字体的图标集，可以通过Icon组件使用，也可以在其他组件中通过icon属性引用。使用图片URL你也可以直接在name属性中传入一个图片URL来作为图标。徽标提示设置dot属性后，会在图标右上角展示一个小红点；设置badge属性后
阿 尭·2023-07-17 04:59

html、css、原生js 构建移动端页面简单功能，切换页面、下拉框联动，模拟数据列表渲染、自定义弹框等

html、css、原生js构建移动端页面，简单功能，页面显示隐藏、下拉框联动，模拟数据列表渲染、自定义弹框等，效果图如下：代码：demo*{padding:0;margin:0;}body,html{height
程序媛zcx·2023-07-16 18:54

HTML5、CSS、JS基础

❀本篇来自尚硅谷老师的听课笔记练习：95、101-114、116、118-119、120-19：38、123钟表、124魔方立体旋转效果、132导航条、135淘宝导航、141-142移动端页面、145-
算吧啦·2023-06-23 05:12

移动端常见布局方式(流式布局、flex弹性布局、less+rem+媒体查询、Bootstrap)

目录一：移动端页面1.流式布局(百分比布局)2.flex弹性布局(重点♥)flex布局初体验：flex布局原理：flex布局父项常见属性flex-direction设置主轴的方向♥justify-content
慢谷·2023-06-17 04:55

【实战经验】vant中picker选择器封装，让你的表单选择更简单

它不仅提供了灵活的配置选项，还可以很方便地与其他vant组件结合使用，帮助我们快速搭建出漂亮、易用的移动端页面。
水星记_·2023-06-12 14:17

js移动端页面判断是否是iphoneX

js移动端页面判断是否是iphoneXfunctionisIPhoneX(fn){varu=navigator.userAgent;varisIOS=!!u.match(/\(i[^;]+;(U;)?
浪里个浪里个浪里个浪·2023-06-10 21:37

移动端页面布局

移动端app分类1、NativeApp原生app手机应用程序使用原生的语言开发的手机应用，Android系统用的是java，iOS系统用的是object-C2、HybridApp混合型app手机应用程序混合使用原生的程序和html5页面开发的手机应用3、WebApp基于Web的app手机应用程序完全使用html5页面加前端js框架开发的手机应用Viewport视口视口是移动设备上用来显示网页的区域
我的好昵称·2023-06-08 19:52

Flex布局

最近这两天一直在学习关于移动端页面,而移动端页面一般很多用flex(弹性)布局,方便简洁,而且没有什么兼容性的问题,我们来看一下关于flex说起兼容性,我们先用canIUse看看flex兼容性如何弹性盒子
YM雨蒙·2023-06-07 20:58

鼠眼电影

使用Vue，axios，better-scroll，mint-ui完成的影评，影视，影院等功能的移动端页面相关页面城市列表.png电影.png电影详情.png购物列表.png卡包.png设置.png搜素
zsasjy·2023-04-21 07:23

什么是mip页面改造？有何优势？

在移动互联网时代，用户对网站的浏览更期待与网页秒速打开，而打开速度慢的网站自然会被无情抛弃，基于此，百度搜索推出了百度mip移动端页面改造技术，用于加快网站页面加载速度，提高用户体验度。
新余百夫长·2023-04-20 13:15

移动端手机网页适配iPad与折叠屏设备

采用的网页适配方案：移动端页面px布局适配方案（viewport）产生此问题的原因由于手机与平板等设备宽高比差异导致页面展示不全或者功能按钮展示在视口之外点击不到。
凌晨 || AmsWait·2023-04-18 17:28

iOS11.3 fastclick.js相关bug

最近遇到奇异的bug,在ios11.3移动端页面input输入框第一次触摸可以弹起键盘，后续再触摸需要很难弹起键盘，或者需要在输入框停一会才能弹起键盘。
邱疯子·2023-04-17 23:50

手机端调试大全

1.如何使用电脑上的谷歌浏览器来调试安卓手机上的移动端页面(摘自:https://www.cnblogs.com/JinQingsong/p/6591830.html)使用chromeremotedebug
sitherine·2023-04-16 11:01

WordPress插件：站点MIP页面改造

主要是针对移动端页面设计，删减掉不必要的功能，只
爱上极客·2023-04-15 14:15

CSS新手向的知识点<三>

关于移动端页面通常来讲做移动端页面适配一般有三种方式前端方向:移动页面响应式,用媒体查询(mediaquery).针对不同分辨率设备进行不同页面的适配做一个简单的nav做一个响应式布局:代码展示缺点:当页面复杂时
Nelson_sylar·2023-04-15 04:20

php 网站移动端自适应,HTML5实现移动端自适应的几种方法介绍

这篇文章主要介绍了HTML5移动页面自适应手机屏幕四类方法总结,非常具有实用价值，需要的朋友可以参考下1、使用meta标签：viewportH5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的
weixin_40003512·2023-04-14 20:27

移动端页面横屏和强制横屏适配

前言在移动端中我们经常碰到横屏竖屏的问题，那么如何去判断或者针对横屏、竖屏来写不同的代码呢。首先在head中加入如下代码：一、页面横屏1、CSS判断横屏竖屏1.1写在同一个CSS文件中@mediascreenand(orientation:portrait){/*竖屏css*/}@mediascreenand(orientation:landscape){/*横屏css*/}1.2分开写在2个CS
金牌战五渣·2023-04-14 12:48

vue-cli 【flexible】屏幕字体自适应布局及配置

0.前言：很多前端小伙伴在写页面尤其是移动端页面的时候，要求页面布局以及字体大小随屏幕宽度变化而随之按比例自适应【注：非响应式】，那么，在vue-cli脚手架中应该如何去实现呢？
流眸Tel·2023-04-12 17:30

移动端界面信息规范

移动端页面信息规范1、结构1.1、页面结构顶栏导航根据固定高度x1.2.3适配即可；内容区域根据不同手机分辨率进行等比缩放。
九天来仪箫·2023-04-10 12:46

React Native 分包及在iOS端分包加载

序言公司要搞跨平台方案，由于之前移动端页面多数由H5来写，公司javaScript技术栈人员比较多，而且项目之前使用了H5热更新方案，还想继续使用热更新来解决线上问题，所以最终决定使用ReactNative
a z q·2023-04-10 03:45

vue-cli移动端项目的适配完美解决方案

移动端页面适配，rem和vw适配方案！基础点：rem相对根节点字体的大小。
是妍妍吖·2023-04-09 17:19

H5移动端页面设计心得分享

去年JDC出了不少优秀的武媚娘…不，H5呢，大家都很拼，同时当然也积累了一些经验和教训，今天结合咱们的实战案例，从字体，排版，动效，音效，适配性，想法这几个方面好好聊一聊关于H5的设计，希望对同学们有帮助。字体排版在有限的手机屏幕空间内，我们积累的经验告诉我们最好的效果是简单集中，最好有一个核心元素，中心元素不宜过多，突出重点为最优。比如JDC的“拍拍十二星座实用手册”的项目，只用了最简单的图形和
weixin_30633405·2023-04-06 15:15

vue中transition动画（移动端页面切换左右滑动效果）

例子一：（简单进入和离开动画）demo1显示/隐藏vue2！VUE3！exportdefault{name:'Test',data(){return{isShow:true}},}h1{color:#fff;background-color:rgb(27,247,255);}/*进入的起点、离开的终点*/.hello-enter,.hello-leave-to{transform:translat
冷太阳a·2023-04-05 16:20

2020-03-11 禁用微信 webview 调整字体大小

image.png但是对于一些追求显示效果的移动端页面来说，字体大小的调整可能会导致部分文字无法显示甚至是页面布局出错。如图，大众点评案例。
追寻1989·2023-04-05 06:39

HBuilderX连接苹果手机iPhone预览移动端页面

1.手机数据线连接电脑，提示“是否信任该电脑”，选择“信任”，输入密码确认；2.下载安装iTools（http://www.itools.cn/）；3.打开iTools，会自动安装驱动组件，这个过程有些慢，需要等待一会儿；4.安装完驱动后仍然未识别到手机，可以插拔数据线再次选择信任该电脑，iTools中即可看到自己的设备；5.重启HBuilderX，在预览项中可以看到iPhone设备，选中运行，项
每一天，每一步·2023-04-03 19:08

从0开始安装苹果cms及其资源采集和页面部分代码

最近写代码时,上面要我写移动端页面并适配苹果cms,最近才接触,记录一下安装环境:deepin(本篇是在虚拟机里装的,服务器端我也这样装的)宝塔面板(Linux面板7.9.3)1.安装宝塔面板(抄宝塔官网的
icestone_kai·2023-04-01 12:30

YonBuilder应用构建教程之移动端基础配置

在YonBuilder中除了PC端应用的构建外，我们还可以构建配套的移动端页面。对于同一个数据实体可以实现PC端和移动端的数据同步修改，使数据录入、修改、审批等更加便捷。
YonBuilder低代码开发平台·2023-04-01 10:56

YonBuilder 应用构建教程之移动端扩展

YonBuilder移动端扩展在上一篇文章中，我们通过对员工信息实体的移动端页面构建来对YonBuilder移动端配置的基础流程进行了简单的介绍，本篇文章则通过之前搭建的出入库实体来进行扩展，主要介绍如何在移动端中添加跳转页面的功能以及通过函数实现自定义配置的方法
YonBuilder低代码开发平台·2023-04-01 10:56

移动端页面适配方案（viewport）

通过给视口设置固定的宽度，浏览器对页面自动缩放来实现页面的适配效果可配合移动端手机网页适配iPad与折叠屏设备实现多平台兼容优点是可以使用px布局，不用额外进行rem或者vw等等单位的换算了缺点是如果是无滚动条的页面在某些设备上(例如平板这种宽高3比4的，折叠屏8比7的)由于宽高比不同有些区域会被挤到视口之外从而导致一些体验上的问题，不过demo2也给出了解决方案；这里给两个demo，demo1是
凌晨 || AmsWait·2023-03-30 08:05

移动端页面单位的选择（px, em, rem, vw）

px,em,rem的区别：px:绝对字体大小em:基于一个基数来计算出相对字体大小。(移动端用的少)rem:基于根节点（html）的字体大小来计算。vw:可视区宽度单位。1vw等于可视区宽度的百分之一。em跟字体大小有关#container{font-size:20px;/*1em=20px*/width:5em;/*width=20*5px*/height:5em;/*height=20*5px
拾光逐梦·2023-03-29 13:06

web移动端页面布局PX单位自动转换VW插件

使用前先安装postcss-px-to-viewportnpminstallpostcss-px-to-viewport--save-dev然后根目录创建js文件命名为：postcss.config.js之后在js中写入：module.exports={plugins:{"autoprefixer":{path:['./src/*']},//"postcss-import":{},"postcss
记录学习生活·2023-03-28 19:29

解决ElementUI el-select在移动端需要点击两次才能弹出下拉与选中

参考博客：https://blog.csdn.net/weixin_44457418/article/details/105416202最近开发移动端页面的时候发现，element-ui的select组件需要点击两次才能弹出下拉与选中
_大风起兮·2023-03-28 16:45

百度搜索上线48小时快速收录功能，只需3分钟学会它！

1.工具使用条件（1）快速收录仅限于提交移动端页面及移动端自适应页面，站点新增的时效性资源进搜
芒果网络运营·2023-03-27 15:21

解决移动端开发时，缓存及频繁刷新的困扰

文章来源：https://blog.csdn.net/angularwq/article/details/79401098移动端页面调试神器-browser-sync1、静态页面调试browser-sync
秃头大叔·2023-03-27 09:23

路由跳转后跳转回来保留滚动条位置

移动端页面H5，在列表页，点击跳到详情页，再按浏览器的返回键，回到列表页，需要保持滚动条原位置。
王善良_·2023-03-26 09:33

原生js javascript 实现进度条拖动---移动端

最近的需求有个简单的移动端页面，需要在页面中实现一个进度条的拖动，因为没引入什么框架，所以只能原生JavaScript手写了，效果图：代码：这些代码可以复制到本地一个html文件中，直接双击打开，但是注意
一只爱吃糖的小羊·2023-03-25 14:07

Mobile移动端项目开始前必备知识技能

移动端页面布局一、移动端app分类1、NativeApp原生app手机应用程序使用原生的语言开发的手机应用，Android系统用的是java，ios系统用的是object-C2、HybridApp混合型
正好80·2023-03-24 06:32

移动端布局

二、移动端技术选型1、单独制作移动端页面（主流）(1)、流式布局（百分之布局）1>、流式布局，就是百分比布局，也称非固定像素布局。
骑着毛驴走起来·2023-03-24 04:07

禁止微信内置浏览器调整字体大小

但是很多移动端页面的开发都是使用rem作为单位的，字体大小改变以后，会出现页面布局错乱的情况，因此希望能够禁止微信的字体放大功能，下面是通过查找资料找到的一些解决方法。
iWander·2023-03-23 21:56

web学习笔记14-移动端页面上拉无限加载

已经有好久没有更新文章了，最近做的东西也不算多，只是没有时间更新文章，今天继续弄个给小白看的文章，一般的移动端搜索结果页或者那种分页加载的页面需要用的，上拉无限加载数据，不知道这个题目对不对，大家看了就知道是不是自己需要的东西了。Mar-26-201814-35-30.gif下面直接说完成过程吧，这个可以说是非常简单的一个小功能了，对于小白来说也能一眼就能看明白的，当然，要是有更好的方法，希望大家
点柈·2023-03-23 19:35

前端响应式设计漫谈

响应式不是什么我们知道10多年前的网页，那时基本上以PC版面为主，少数页面才会单独开发成移动端页面，但元素的丰富性、美观性、交互性与PC是无法想比的。
夜码狂农·2023-03-21 03:54

vue+ vant + lib-flexible +postcss-pxtorem 实现移动端页面自适应

vue+vant+lib-flexible+postcss-pxtorem实现移动端页面自适应版本：vuecli2脚手架lib-flexible1.安装npminstallamfe-flexible--
糖心儿的记录·2023-03-20 23:20

移动端 布局技术选型

单独制作移动端页面（主流）流式布局（百分比布局）eg：京东flex布局(主推)eg：携程网less+rem+媒体查询布局eg：苏宁混合布局响应式页面兼容移动端媒体查询响应式框架bootstrap
wustzhy·2023-03-20 13:50

关于页面背景色

之前制作移动端页面的过程中，PC端模拟调试一切正常，但放到移动端真机调试时发现许多页面存在色差问题。
折扇随笔·2023-03-18 05:36

移动端页面宽度的获取及html字体设置

第一种方法(function(){varhtml=document.documentElement;varhWidth=html.getBoundingClientRect().width;//获取到页面的宽度html.style.fontSize=hWidth/7.5+'px';//将页面平分为7.5分份console.log(html.style.fontSize)})()第二种方法（华为手机
guoss·2023-03-16 05:21

web前端性能监控

web的性能一定程度上影响了用户留存率，GoogleDoubleClick研究表明：如果一个移动端页面加载时长超过3秒，用户就会放弃而离开。BBC发现网页加载时长每增加1秒，用户就会流失10%。
nimw·2023-03-15 10:29

前端开发页面基础样式（移动端、响应式、自适应）

~先记录一下，本文会持续更新~~~~~~~~一html部分通常在移动端页面上要加上这样一行代码width=device-width（设置页面宽度为设备宽度）user-scalable=no（不允许用户缩放
一名有马甲线的程序媛·2023-03-13 02:41
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他