移动端页面

HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第4章CSS文本样式

本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源字体样式属性名含义举例font-family设置字体类型font-family:"隶书";font-size设置字体大小font-size:12px;font-style设置字体风格font-style:italic;font-weight设置字体的粗细font-weight:bold;fon
豆约翰·2020-07-28 23:14

移动端页面初始化 css和html的head中的设置

*,::before,::after{margin:0;padding:0;list-style:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;/*去除移动端点击产生的高亮状态*/-webkit-tap-highlight-color:transparent;}html{fon
蔡馨·2020-07-28 21:33

CSS-移动端页面（响应式）

学会mediaquery学会要设计图学会隐藏元素手机端要加一个meta手机端的交互方式不一样没有hover没有touch事件没有resize没有滚动条一、媒体查询@media(条件){样式}例子：```@media(max-width:320px){body{background:red;}}```复制代码二、三、动态REM，手机专用的自适应方案。px像素em一个汉字宽度，（一个m宽度）remro
weixin_34080903·2020-07-28 18:11

vue2.0移动端配置flexible.js

最新版vue-cli,配置手淘的lib-flexible.js和rem实现移动端页面自适应1.安装flexible.jscnpminstalllib-flexible--save复制代码2.main.js
weixin_33909059·2020-07-28 18:42

移动端布局与适配

移动端页面适配———多方案解析在移动互联网快速发展的今天，手机的种类和尺寸越来越多，作为前端的小伙伴们可能会越来越头疼。对于移动端适配，不同的公司、不同的团队有不同的解决方案。
weixin_33828101·2020-07-28 17:43

移动端页面初始化的css样式

初始化的css样式reset.csshtml,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u
wcy7916·2020-07-28 15:17

移动端实现图片点击滑动预览，手势拖动，放大缩小功能

移动端页面想实现图片点击可以自由滑动，放大缩小功能如下图所示实现效果如下代码如下：1.首先要引入swiper插件的js,css2.HTML代码如下，先建立一个空的div层                         
编程爱好者之家·2020-07-28 12:46

前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第4章CSS文本样式

本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源字体样式属性名含义举例font-family设置字体类型font-family:"隶书";font-size设置字体大小font-size:12px;font-style设置字体风格font-style:italic;font-weight设置字体的粗细font-weight:bold;fon
豆约翰老师·2020-07-28 09:02

HTMLCSS入门教程-从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第3章初识CSS

本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源考虑对人的描述方式人{身高:175cm;体重:70kg;肤色:黄色}CSS基本语法结构选择器{声明1;声明2;}h1{font-size:12px;color:#F00;}style标签h1{font-size:12px;color:#F00;}标签选择器HTML标签作为标签选择器的名称…、、
豆约翰老师·2020-07-28 09:43

HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第4章CSS文本样式

本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源字体样式属性名含义举例font-family设置字体类型font-family:"隶书";font-size设置字体大小font-size:12px;font-style设置字体风格font-style:italic;font-weight设置字体的粗细font-weight:bold;fon
[豆约翰]·2020-07-28 09:00

HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第4章CSS文本样式

本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源字体样式属性名含义举例font-family设置字体类型font-family:"隶书";font-size设置字体大小font-size:12px;font-style设置字体风格font-style:italic;font-weight设置字体的粗细font-weight:bold;fon
豆约翰·2020-07-28 09:00

移动端页面默认样式重置

1、-webkit-tap-highlight-color（这个属性只用于IOS（iphone和ipad））当你点击一个链接或者通过js定义的可点击的元素时，它会出现一个半透明的灰色背景，要重置这个表现，可以通过设置-webkit-tap-highlight-color为任何颜色。eg、设置高亮色为50%透明的红色-webkit-tap-highlight-color:rgba(255,0,0,0
smile_YYY·2020-07-28 07:18

关于APP界面布局设计的八种优缺点

然而万变不离其宗，移动端页面常用的布局，不外乎以下8种。
hbblzjy·2020-07-27 23:03

前端的调试神器whistle---傻瓜式教程

功能：在这个项目中用到的功能有：查看HTTP、HTTPS请求响应内容、作为HTTP代理或反向代理、内置调试移动端页面的weinre和log、四。安装与
lxhguard·2020-07-27 22:39

HTMLCSS入门教程--通过一个商城实例手把手教你学习PC端和移动端页面开发第2章HTML基础知识

本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源网页开发工具VSCode或WebStormHTML简介HTML：HyperTextMarkupLanguagehtml文本的内部基本结构我是title这是一个非常漂亮的网页html的注释网页的标题这是我的第二个网页-->标题标签，段落标签，水平线，换行，加粗，斜体常用的标签一级标题标签二级标题
豆约翰老师·2020-07-27 20:19

HTMLCSS入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第一章前言

关于本教程通过一个PC端和一个移动端网上书城案例，穿插讲解CSS3中重要的知识点。每个页面子模块均采用手把手一步一步的方式进行代码编写。本教程不覆盖所有的CSS知识点，对于知识点的讲解秉承宁缺毋滥的原则。大家都知道有一个二八原则，即平时工作中80%最常用的知识点占全部知识点总量的20%。豆约翰就讲这20%最常用的知识点，让大家用最短的时间，从0基础到基本掌握PC端和移动端网站制作方法。本系列教程的
豆约翰老师·2020-07-27 20:05

js判断进入页面的设备是移动端还是PC端，来进入相应的页面

在页面中添加下面这段代码（移动端页面）//有关浏览器类型的信息都藏在USER-AGENT里面，首先读取navigator.userAgent里面的信息，为了方便利用toLowerCase方法转成小写的形式
「已注销」·2020-07-27 19:50

关于页面dom初始化问题

作为一个刚毕业的前端菜鸡，在公司项目开发中编写移动端页面时遇到页面初始化问题问题是这样的，进入页面之后页面渲染数据列表，点击某项数据的按钮，该项左上角出现一个小标志。
土豆丝naya·2020-07-27 17:49

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

本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源考虑对人的描述方式人{身高:175cm;体重:70kg;肤色:黄色}CSS基本语法结构选择器{声明1;声明2;}h1{font-size:12px;color:#F00;}style标签h1{font-size:12px;color:#F00;}标签选择器HTML标签作为标签选择器的名称…、、
豆约翰·2020-07-27 17:37

HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第2章HTML基础知识

本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源网页开发工具VSCode或WebStormHTML简介HTML：HyperTextMarkupLanguagehtml文本的内部基本结构我是title这是一个非常漂亮的网页html的注释网页的标题这是我的第二个网页-->标题标签，段落标签，水平线，换行，加粗，斜体常用的标签一级标题标签二级标题
豆约翰·2020-07-27 17:07

移动端页面初始化的css样式

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd
Chenming_321·2020-07-27 15:38

兼容性问题吧一些

今天写一个页面遇到了一个小问题困扰了我一会，就是移动端页面整个背景图如何适配安卓和ios手机。
前端你别闹~·2020-07-27 14:39

移动端页面默认样式重置

1.-webkit-tap-highlight-color-webkit-tap-highlight-color:rgba(0,0,0,0);//透明度设置为0，去掉点击链接和文本框对象时默认的灰色半透明覆盖层(iOS)或者虚框(Android)-webkit-tap-highlight-color:rgba(255,0,0,0.5);//利用此属性，设置touch时链接区域高亮为50%的透明红，
weixin_30757793·2020-07-27 13:04

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

本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源考虑对人的描述方式人{身高:175cm;体重:70kg;肤色:黄色}CSS基本语法结构选择器{声明1;声明2;}h1{font-size:12px;color:#F00;}style标签h1{font-size:12px;color:#F00;}标签选择器HTML标签作为标签选择器的名称…、、
[豆约翰]·2020-07-24 15:00

HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第2章HTML基础知识

本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源网页开发工具VSCode或WebStormHTML简介HTML：HyperTextMarkupLanguagehtml文本的内部基本结构我是title这是一个非常漂亮的网页html的注释网页的标题这是我的第二个网页-->标题标签，段落标签，水平线，换行，加粗，斜体常用的标签一级标题标签二级标题
[豆约翰]·2020-07-23 11:00

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

关于本教程通过一个PC端和一个移动端网上书城案例，穿插讲解CSS3中重要的知识点。每个页面子模块均采用手把手一步一步的方式进行代码编写。本教程不覆盖所有的CSS知识点，对于知识点的讲解秉承宁缺毋滥的原则。大家都知道有一个二八原则，即平时工作中80%最常用的知识点占全部知识点总量的20%。豆约翰就讲这20%最常用的知识点，让大家用最短的时间，从0基础到基本掌握PC端和移动端网站制作方法。本系列教程的
[豆约翰]·2020-07-22 15:00

移动端页面(待更新)

超出部分隐藏，横向滑动的菜单栏overflow-x:auto;//如果溢出框，则应该提供滚动机制。white-space:nowrap;//规定段落中的文本不进行换行。==========================================================切换筛选菜单筛选菜单1.png筛选菜单2.png{{sortSpan}}{{zoneSpan}}{{item.nam
赵任QAQ·2020-07-16 05:49

解决安卓手机上底部按钮固定，弹出软键盘后挡住input输入框的问题

移动端页面，经常会用到一种内容是一个表单，底部固定一个按钮的布局，一般这个按钮基本都是通过绝对定位或固定定位固定到底部，但是在安卓机下，这种布局会造成，当焦点到输入框，软键盘弹出后，内容部分会被挡住，用户体验很不好
一季花落90·2020-07-16 05:54

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

测试*{margin:0;padding:0}html,body{width:100%;height:100%;}.con{height:100%;background:url('/assets/p-default/images/wxpublic/bg.jpg')no-repeatlefttop;background-size:100%100%;}.writeidprompt{margin-top
dabao87·2020-07-15 22:28

7-5 架构与版型 -- 固定页尾

1.闲聊时间在我接触书本这小节内容之前，刚做了一个微信的移动端页面，我遇到了这个问题。我是怎么解决的呢？当然是万能的JS了。
juicees·2020-07-15 17:05

移动端页面动态加载 2X & 3X 图片

开发背景开发移动端H5页面面对不同分辨率的手机为什么要用不同倍率下的图片？有时候我们会发现，当我们在适某一机型的时候，显示上没什么问题。但是一旦我换到另外一部手机，发现出现了模糊的情况，尤其以图片更为显著，这只是表象，究其原因是设备像素比，可以先看几个概念：在进行具体的分析之前，首先得知道下面这些关键性基本概念(术语)。物理像素(physicalpixel)一个物理像素是显示器(手机屏幕)上最小的
木_林_森·2020-07-15 07:30

Vuejs的一些总结

summarize-vue/本文基于vue1.x基于vue2.x&webpack2.x请移步至Vue2.x踩坑与总结Webpack2.x踩坑与总结最近一段时间忙着工作的一些事情，同时自己也在试着把项目中的一些移动端页面试着用
weixin_34054866·2020-07-15 05:40

【实战】Vue全家桶(vue + axios + vue-router + vuex)搭建移动端H5项目

使用Vue全家桶开发移动端页面。本博文默认已安装node.js。
weixin_30478923·2020-07-15 03:56

真机测试本地移动端页面

要在真机上测试本地页面，我所介绍的方法都基于条件2个：1、真机和PC端都是在同一个局域网内。2、要输入本地的IP地址才能访问（命令行中输入ipconfig查看IPv4地址............:192.168.x.xx）方法一：使用phpstudy使用phpstudy的方法自行百度（挺简单的），建议安装的时候不要安到C盘。通过phpstudy访问的页面，都是自己设置好的域名访问。比如，如果要在真
你是谁-·2020-07-15 01:57

移动端Fixed失效

1.页面滑动固定失效很多时候我们开发移动端页面时，会发现与我们PC上开发时看到的完全两样，怀疑是自己做的不好，有可能手机兼容不好。
骑着小猪看大海·2020-07-14 21:50

移动web页面支持弹性滚动的3个方案

有段时间一直折腾移动端页面弹性滚动的各种问题，做了点研究，今天做个小分享~传统pc端中，子容器高度超出父容器高度，通常使用overflow:auto可出现滚动条拖动显示溢出的内容，而移动web开发中，由于浏览器厂商的系统不同
照物华·2020-07-14 09:47

移动端input提起数字键盘没有小数点的问题

客户浏览移动端页面的时候，唤醒数字键盘只有数字0-9，没有小数点。如图经测试，搜狗输入法没有复现。但是换成苹果原生输入法就复现了。
arrin·2020-07-14 07:17

使用vue开发移动端页面问题集合

其实vue和这些问题没有什么冲突，移动端的问题主要体现跨域、苹果手机的兼容和微信浏览器上。技术栈vue2.0+vuex+vue-router+webpack+axios+scss+ES6/7cookies跨域不能携带cookies在跨域的时候，每次刷新，cookies的值都会发生变化。这个时候是已经设置了Access-Control-Allow-Origin：*，然后再设置上withCredent
今晚打小强·2020-07-13 22:05

【原创】实现一个简单的移动端左右滑动翻页+ 点击下标翻页 利用：HTML5+CSS+Js

//【如何做一个简单的手机端页面的翻页】//第一步：创建移动端页面内HTML+CSS【注】可用弹性布局但需要注意的是外层盒子的定位//第二步：思考问题要实现怎样的效果？
xi_ss·2020-07-13 20:00

H5登录界面

H5登录界面一、登录界面：所用技术：前端：html+css+js+jquery+layer.js+icoonfont后端：.net1、移动端页面的制作，一般使用百分比布局+rem布局，但是rem需要在有
月上谷·2020-07-13 19:36

移动端页面底部固定芬兰

移动端底部经常会有一个tap的切换Html代码为：1234个人中心5678首页9101112订单管理1314css代码为：1/**********footer************/2footer{3position:fixed;4z-index:300;5bottom:0;6width:100%;7max-width:640px;8height:
weixin_30654583·2020-07-13 17:21

[H5]移动端页面Demo

测试代码需要注意的是下面两个meta，一个用于定义页面的编码，另一个定义页面viewport的宽高。这是中文这是中文varheight=$(window).height()-100;$("#allmap").css("height",height+"px");varmap=newBMap.Map("allmap");map.centerAndZoom(newBMap.Point(121.491,3
HiveDark·2020-07-13 14:11

js设备型号判断

判断当前页面是否是手机端开启将此段代码放在head头部中，如果是手机端访问，就会自动跳转移动端页面varua=window.navigator.userAgent;if(/iphone|ipad|android
934353403·2020-07-13 11:13

浅谈移动端页面无刷新跳转问题的解决方案

最近开发微信公众号，用的框架是一般的UI，但是涉及到多页面之间的相互跳转的问题，降低了浏览器的性能，用户体验特别不好，卡顿，不流畅,因此不采用传统的页面跳转方式，看到不少手机网页开发的框架都都是在一个html文档中包涵多个页面的内容，每页放到不同的里面。于是采用当下流行的单页面模，在做pc网页的时候一般都直接给链接的。比起用链接来跳转页面，这样做也是有很多好处的（比如appjs,jqueryMob
祈澈菇凉·2020-07-13 10:21

移动端页面没有搜索键实现搜索功能

在很多需求中,有时候你的页面中可能没有搜索这个按钮,但是却要实现搜索的功能,如何实现?在电脑上面的搜索可以控制回车键的键值来实现搜索,但在移动端如何实现?直接上代码:控制键盘的搜索键//这两种都能用,一个是在form上加id一个是在input元素加id//对于苹果手机添加一个form元素是必要的,否则只能实现功能但是键盘的文字不能变成搜索字样//$('#myform').bind('search'
mschange·2020-07-13 00:03

(第一版)知识点

PC端页面移动端页面解决用户体验问题必备条件是什么？1>会上网，会打字，懂得互联网是什么2>兴趣3>肯练习浏览器和服务器如何信息交互？通过浏览器如何查看请求报文和响应报文?
河湾欢儿·2020-07-13 00:44

移动端调试神器vConsole

在我们做移动端页面时，在手机上查看出现问题的时候，需要连接电脑特币麻烦，现在给大家介绍一种方法，可以查看日志，网络，页面，Resources等使用方法多页面应用在每个页面//initvConsolevarvConsole
Angel_girl319·2020-07-12 21:09

<布局>REM方案(移动端)

rem方案是阿里为兼容几乎所有移动端页面，而想出来的。
泡沫的快乐·2020-07-12 13:31

移动端真机调试http-server

http-server的使用初入前端时做移动端页面时，纠结如何在真机上进行调试！当时试了很多办法都不行！后来碰见大佬后，教我使用http-server，简直不要太方便啊！
前端菜菜子·2020-07-12 11:31

【PBlog】开源，使用 Java 写的用 markdown 做为写作语法的单页应用博客

SpringFramework+Mybatis，前端使用Less作为预处理样式，marked.js来处理markdown格式内容，并且通过AngularJS控制视图跳转实现PC端单页应用，gulp作为前端自动化构建工具;移动端页面采用
u010800530·2020-07-12 01:43
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他