移动端页面第9页

HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第6章表格与表单

本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源表格table标签（表格）、tr标签（行）、td标签（标准单元格）、caption标签（标题）、th标签（表头单元格）。为了更深一层对表格进行语义化，HTML引入了thead、tbody和tfoot这三个标签。这三个标签把表格分为三部分：表头、表身、表脚。table表格caption标题the

[豆约翰]·2020-08-13 09:00

基于VUE.JS的移动端框架Mint UI

用于快速构建移动端单页应用，很简约，是我喜欢的风格star2.3k中文文档在线预览2.vux基于WeUI和Vue(2.x)开发的移动端UI组件库star10k基于webpack+vue-loader+vux可以快速开发移动端页面

东边的小山·2020-08-12 00:08

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

看雪看月亮·2020-08-12 00:32

如何让图片按比例响应式缩放并自动裁剪的css技巧（同时也适用于一些轮播父容器响应式缩放）

响应式网站、移动端页面在DIVCSS布局中对于图片列表或图片排版时，如果想要图片按比例缩放，最简单的就是把img宽度设为100%，不设置高度，高度就会自动跟着高度缩放但是如果要达到的效果是，要让图片的宽高要按一定的比例显示

H小志·2020-08-12 00:08

移动端页面键盘弹出后导致body高度变低背景图片被挤上去解决方法

移动端页面键盘弹出后导致body高度变低背景图片被挤上去解决方法本身在设置背景图片的时候是将html,body的高度设为100%，然后.main{height:100%;background:url('

weixin_44112924·2020-08-12 00:54

vue.js移动端配置flexible.js

weixin_34266504·2020-08-11 23:53

vue中使用flexible.js并配合px2rem-loader实现移动端布局

适配移动端flexible.js适用于最新版vue-cli,配置手淘的lib-flexible.js和rem实现移动端页面自适应1.安装lib-flexible.jsnpminstalllib-flexible

卡卡欧文·2020-08-11 21:39

vue移动端的适配rem和vw记录

也是边做边学，使用了一些常用的解决方案，这里一一列举出来：前提：移动端的适配更多关注的是宽度的适配，也就是说元素在不同设备上通过改变自身宽度来实现在页面的比例一样，这样布局就不会乱掉1.百分比代替px在最开始做移动端页面时

Liu_Jun_Tao·2020-08-11 20:09

vue移动端UI组件

基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式。小编在开发微信公众号的时候使用过，欢迎来

胜天一子·2020-08-11 13:06

vue组件keep-alive的应用及原理

应用场景比如移动端页面的基本架构是tab点击来切换页面。每个页面都是一个组件，每次切换路由，都会重新渲染这个组件。都得重新请求数据。这样会造成网络资

SunShinessx·2020-08-11 11:52

移动端页面开发资源总结

qq_23334329·2020-08-10 18:24

移动端自适应以及部分meta标签的介绍

一、移动端的自适应自适应的方法以前刚接触写移动端页面的时候，对多个手机屏幕尺寸的适配问题会感到疑惑，在网上查看了各种解决方案后，最终决定采用rem布局。

p_hao·2020-08-10 18:41

常用meta标签总结

charset定义方式均可*/百度禁止转码百度会自动对网页进行转码，这个标签是禁止百度的自动转码SEO优化部分标签(head头部必须)-->yourtitleviewportviewport主要是影响移动端页面布局的

leo_shire·2020-08-10 17:46

Vue 移动端框架

基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式。小编在开发微信公众号的时候使用过，欢迎来

西瓜鱼仔·2020-08-10 14:39

移动端meta标签设置总结

分享一下，移动端页面开发，meta标签的一些设置。

weixin_34381687·2020-08-10 13:56

h5页面开发步骤

一.移动端页面开发(h5页面)单位rem动态计算html跟字体的大小布局统一采用flex//统一页面长度控制，针对rem单位(function(doc,w){vard=doc.documentElement

weixin_33724659·2020-08-10 11:05

浅谈h5移动端页面的适配问题

一、前言昨天唠叨了哈没用的，今天说点有用的把。先说一下响应式布局吧，我一直认为响应式布局的分项目，一下布局简单得项目做响应式还是可以可以得。例如博客、后台管理系统等。但是有些会认为响应式很牛逼，尤其是在不懂前端的人眼中，一味的追求响应式布局，我觉得复杂的布局项目做响应式还不如做二套样式，因为响应式的样式混在一起真的维护起来是恨费劲的。可能我说的不对，但是发表一点点自己的看法。说道这里就想说一下移动

weixin_30852367·2020-08-10 11:28

移动端页面滚动后不触发点击事件

在移动端时用了点击事件，但是在滑动页面时，总是会被触发。解决方案是：把click事件换成touchend事件$("body").on("touchend",".todetail",function(){//dosomething});然后引入并调用以下函数functionstopTouchendPropagationAfterScroll(){varlocked=false;window.addE

FOR EVER·2020-08-10 10:32

移动端页面的百分比布局

以下面的HTML5代码为例来学学习页面的百分比布局：FateHulkSupermanCaptainWonderIronman最初的页面是这样的，竖直排列，不美观。接下来，用CSS来美化这个页面：*{/*全局的内外边距清零*/margin:0;padding:0;}body{/*设定背景和字体*/background:#f3f2ef;font-family:sans-serif;}1、“*”号通配符

Flowery Me·2020-08-10 03:26

安卓端app嵌入web页面拨打电话问题

基本时候移动端页面想实现拨打电话的功能，只需使用a标签即可，具体代码如下：//a标签href设置为tel：加号码拨打//拨打号码为变量时如下拨打一般移动端页面时上面代码都可以实现拨打电话功能，但是在app

牵One·2020-08-10 03:50

移动端页面适配问题

1.淘宝弹性布局方案lib-flexible实践注：在网上看了很多，关于这个东西的详细介绍就不说了，整体要求就是所有用px作为单位的元素要用rem作为单位，具体计算可以使用sublime插件cssrem，还有字体比较特殊，字体用px作为单位，尽量保证都是偶数值。源码奉上：（github地址：https://github.com/amfe/lib-flexible/blob/master/src/f

weixin_30402343·2020-08-10 02:47

京东h5移动端适配（REM）

我的第一次移动端页面制作—总结与思考by饮水机隔壁的小刘on2016-11-08技术涉及REM移动端采用rem布局方式。通过动态修改html的font-size实现自适应。

花痴少尉·2020-08-09 23:54

HTML5性能优化（一）

对于前端的同学来说，移动端页面开发的越来越多，为了使用户浏览移动端页面得到更好的体验，移动端页面性能优化势在必行，结合自己做的项目和网上参考的资料，总结如下1.页面缓存通常不设置缓存的情况下，每次刷新页面都会重新读取服务器的文件

ImProgrammerBoy·2020-08-09 18:56

百度近期算法调整，“未能抓取成功”不收录怎么办？

有的小伙伴，感到非常蒙圈，我已经审查了：移动端页面加载速度(控制在1.5秒)测试CDN云加速各个线路压缩页面冗余的相关

晨晨home·2020-08-09 18:48

【前端开发】解决ios设备上fixed浮动的input输入框兼容问题

我们在开发移动端页面时，经常会存在这种需求，在页面顶部或底部有一个输入框，一直浮动在顶部或底部位置，中间部分的内容是可以滚动的。比如底部输入框的搜索功能，或底部输入框的写评论功能。

weixin_30341735·2020-08-09 13:58

Vue页面在苹果设备中微信(X5)浏览器title不改变的解决方法

在使用vue写移动端页面时，发现iPhone手机中的X5内核浏览器不会改变title，原因是对于SPA这类单页面应用，路由的变化并不会触发页面更新document.title=to.meta.title

slzll·2020-08-09 12:04

移动端页面滑动，菜单到顶部之后定位在顶部（position: sticky;）

下面是我根据这个来写的一个：移动端页面滑动，菜单到顶部之后

樊小书生·2020-08-09 08:13

移动端页面元素尺寸解决方案之一

如果html5要适应各种分辨率的移动设备,应该使用rem这样的尺寸单位.主流做法基本也都是这样做的.但是,如果html5页面是在webview中打开的,并且webview不是通常的手机视窗尺寸,而是占了部分页面,使用rem单位的转化标准就没有了通用性.面对这种情况,可以尝试以下的解决方案.使用transform的scale来适配所有尺寸的view设计稿的尺寸一般是px,那么写页面的时候,就使用px

zhangxuekang·2020-08-09 04:18

移动端打开pc页面时要跳转到对应的移动端页面

在很多项目中都有用到，一套系统有pc端、wap端、app。如果在移动端中打开pc的页面，则需要跳转到对应的wap端页面。//判断是否手机端访问varPC=IsPC();if(!PC){window.location.href="https://xxx.com/";//跳转地址}functionIsPC(){varuserAgentInfo=navigator.userAgent;varAgents

yydelight·2020-08-09 03:19

移动端页面高度设置

最近开发移动端页面，需要给页面设置背景颜色，但是发现高度不够，但是设置高度height：100%后，没有效果。设置为height：100vh后，可以使用不过我这里出现了页面滚动。

心之苍苍·2020-08-09 03:26

H5：input type=“file” 在移动端页面实现调用本地相册、拍照、录音

简介用H5做一个移动端的网页时，需要上传图片，于是需要调用手机相册和相机功能。具体实现1.HTML2.三个属性：（1）accept-规定可提交的文件类型。（2）capture-系统所捕获的默认设备。camera(照相机)，camcorder(摄像机)，microphone(录音)（3）mutiple-支持多选。当支持多选时，multiple优先级高于capture。3.几种写法：//1.ios和安

如此如此。·2020-08-09 02:13

使用js判断用户是pc端还是手机端

navigator.userAgent.toLowerCase();if(/ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windowsce|windowsmobile/.test(sUserAgent)){//跳转移动端页面

A杜欢腾·2020-08-09 02:59

让DIV的滚动条（内容）自动滚动到最底部，包含使用vue框架的区别。

在我的移动端页面需要做一个固定高度的DIV，每次往这个DIV中增加内容的时候我需要将滚动条自动滚动至最底部保证每次看到的都是最新的内容。（这样增加了用户的体验度好感，就像微信的聊天窗口一样。）

Victor jiang·2020-08-09 01:30

移动端页面布局及字体大小该如何设置

首先是屏幕问题，现在主流的移动设备以安卓和IOS为主，我们在制作移动端页面也是以兼容这两种设备去布局。首先说

weixin_34199405·2020-08-09 00:48

JS---PC端和移动端的无缝切换

最近帮同事优化网站，出现了移动端页面排版布局混乱问题，特此优化functionbrowserRedirect(){varsUserAgent=navigator.userAgent.toLowerCase

weixin_34037515·2020-08-09 00:03

Vue实现移动端页面切换效果

找了好多博客实现效果都……emmm……应用Vue自带的过渡《进入/离开&列表过渡》和嵌套路由和fixed定位实现其实还是挺简单的。在子页面把整个页面做绝对定位，覆盖整个屏幕，子父页面将router-view用transition套起来，并加上过渡动画就可以啦。代码：Document*{padding:0;margin:0;}html,body,#app{width:100%;height:100%

weixin_30877227·2020-08-09 00:04

Vue 返回记住滚动条位置详解

最近用Vue做移动端页面遇到一个问题，从列表页进入详情页，再返回到列表页，不管之前滚动到哪里，每次返回时都跳到列表最顶部。

solocoder222·2020-08-08 21:41

移动端页面开发

简单灬爱·2020-08-08 21:58

学习移动端页面布局尺寸样式

移动端页面布局样式整体，外部section，width：100%；height：100%；margin：0auto；display：flex；1，header，给定高度。

contour·2020-08-08 20:58

Vue 全局方法封装

Vue自定义全局方法最近一个项目，做移动端页面，对于移动端的接触比较少，所以在项目开始的时候选的ui有点不理想，选择了weui,虽然weui有jquery版本的，但是由于不太想用jquery，所以就选择了

風灬雲·2020-08-08 20:31

记录自己在h5页面中遇到的坑

虽然自己在开发中主要以开发web页面为主，但是也不乏做一些移动端页面。在开发页面过程中就会遇到很多意想不到的坑，因此在这记录下来。1。

初见时你最美·2020-08-08 20:16

手机访问PC页面时自动跳转到移动端页面

publicfunction_initialize(){$agent=$_SERVER['HTTP_USER_AGENT'];$toUrl='';//页面跳转的页面-》移动端页面if(strpos($agent

我此刻眼中不一样的互联网世界·2020-08-08 19:28

再聊移动端页面的适配

转载：原文地址：https://www.w3cplus.com/css/vw-for-layout.html著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。原文:https://www.w3cplus.com/css/vw-for-layout.html?a=b©w3cplus.com前端圈真乱，这话一点不假。但乱也乱的好处，乱则生变，有变化才有进步。今天还是老调重谈，聊聊移动

qq_21729177·2020-08-08 18:12

移动端页面布局

移动端页面布局1、弹性布局（100%布局，流式布局）——拉勾网、天猫首页好处：充分发挥大手机的优势——显示内容越多缺点：屏幕过大，间距过大，比例失调。

芳芳乐·2020-08-08 17:12

Vue+vant移动端页面的开发流程

1、开发前该准备的工具和库一、创建项目流程下载node.js和git工具在码云网站上创建仓库，在桌面上打开gitbash运行gitclone（加上ssh的编码）npminstall-g@vue/cli安装vue脚手架工具vuecreatemy-project(或者winptyvue.cmdcreate)创建项目运行gitinit(此命令初始化一个新本地仓库)、gitadd.和gitcommit-m

dell_wu_gao_jian·2020-08-08 15:30

移动端页面宽度自适应

一般出的设计图都是宽度为750px的标准图，但是各种手机的型号不同，屏幕尺寸也不尽相同，难道还得手动算出各部分尺寸，然后用百分比布局？当然不用，一段js代码实现屏幕尺寸自适应，在编写的时候就可以直接使用绝对尺寸而不用担心屏幕尺寸改变而影响布局了！varphoneWidth=parseInt(window.screen.width);varphoneScale=phoneWidth/750;varu

WencoChen·2020-08-08 13:43

一篇真正教会你开发移动端页面的文章(一)

（点击上方蓝字，快速关注我们）来源：HcySunYanghttp://hcysun.me/2015/10/16/一篇真正教会你开发移动端页面的文章(一)/从我工作以来，开发的一直都是移动端的页面，只有偶尔去开发几个

前端大全·2020-08-08 13:57

pc端页面和移动端页面整合，在不修改代码的前提下，js整合代码

贝克抑郁量表（BDI）.contain{display:none;}@mediascreenand(max-width:640px){.box{display:none}.contain{display:block}}陈成成的测评结果{{epname}}的测试结果{{introduction}}贝克抑郁量表（BDI）的测试结果{{laing.condition}}({{laing.result}}

xiaolei1888·2020-08-08 12:36

移动端页面的尺寸设置

viewport就是浏览器上可以显示网页的部分将宽度设为640，因为目前主流的设备宽度为640，样式上不用特殊处理，与PC书写保持一致。target-densitydpi=device-dpi,指定屏幕像素密度DPI,device-dpi为设备原本的DPI值,不会有任何缩放在iphone3上，一个css像素确实是等于一个屏幕物理像素的。后来随着技术的发展，移动设备的屏幕像素密度越来越高，从ipho

笔芯君·2020-08-08 11:04

移动端页面的多点触控——旋转

今早在segmentfault上看到一篇文章《超小Web手势库AlloyFinger原理》，最后提到一个多点触控的介绍，因为没写过所以觉得应该蛮有意思，以下是我写完旋转demo后，对问题从分析到解决的过程：多点触控如何判定？vartouchStart=function(event){if(event.touches.length==2){startVector.x1=event.touches[0

不懂你的黑色幽默是我·2020-08-07 22:32

推荐频道

移动端页面