移动端页面

移动端页面

手机和PC端交互方式不一样，移动端多数没有hover，没有resize，没有滚动条，有touch1、媒体查询在css中加入@media(){}，当页面大小满足相应像素时，会改变css内容，如下图。(下图写法会发生覆盖问题，应把顺序倒过来写或者加and)同时满足，后写覆盖前写加and2、metaviewport如果想手机端正常实现大小，不缩放，则在HTML中加入content="width=devi
MingJiang3·2018-08-28 11:17

关于移动端页面强制竖屏的方法

最近工作中写了一个移动端的页面，本来是没什么的，但是有一个要求感觉很奇怪，从前也没有遇到过，就是我写的这个页面需要放在一个APP中，但是这个APP是横屏的，打开这个页面的webview也是横屏的（最新版的APP打开的时候是竖屏的webview），本来我们是用的rem布局，横屏的状态下也是没有什么问题的，但是甲方希望在横屏打开的时候强制这个页面竖屏显示。所以就有了下面一系列的操作了。首先是判断横屏的
程先生哈·2018-08-27 15:01

无线页面加速解决方案-AMP

AMP特点AMP（AcceleratedMobilePages）是Google与2015年9月推出的一个开源的，移动端页面加速解决方案。
Aus0049·2018-08-25 00:00

首次触摸移动端之H5

在尺寸自适应方面，我们选用了viewport的方案，用了postcss及其插件，多的不说了，想了解看这两篇文章使用Flexible实现手淘H5页面的终端适配和再聊移动端页面的
Coding_Life·2018-08-23 16:55

HTML5 移动页面自适应手机屏幕四种方法

1、使用meta标签：viewportH5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。
huang100qi·2018-08-19 21:38

总结移动端页面开发时需要注意的一些问题

1、防止手机中网页放大和缩小，这点是最基本的，最为手机网站开发者来说应该都知道的，就是设置meta中的viewport有些手机网站我们看到如下声明：设置了DTD的方式是XHTML的写法，假如我们页面运用的是html5，可以不用设置DTD,直接声明。使用viewport使页面禁止缩放。通常把user-scalable设置为0来关闭用户对页面视图缩放的行为。完整的viewport设置，当然，user-
sir.山·2018-08-10 17:27

PS for 前端

前提之前真的对PS一点都不懂，因为上一周突然被仍了一份psd文档，让我根据那份psd文件写一个web页面和一个移动端页面。当时因为时间紧急，只能求助公司的设计同事。
小被子·2018-08-10 00:00

解决ios手机中input输入框光标过长的问题

在项目中做移动端页面，发现IOS的光标大小很大，和安卓的完全不一样，思考怎么调整大小，通过实践和尝试，找到了解决方法，现分享给大家。
yanyw·2018-08-06 10:41

解决ios手机中input输入框光标过长的问题

在项目中做移动端页面，发现IOS的光标大小很大，和安卓的完全不一样，思考怎么调整大小，通过实践和尝试，找到了解决方法，现分享给大家。
LemonnYan·2018-08-01 23:19

解决移动端页面出现 X轴横向滚动条问题

最近在用Bootstrap写一个需要适配WEB和WAP的网站，写完后发现WAP端总是会出现横向滚动条，也就是X轴滚动条，导致WAP端页面左右滑来滑去，很是令人蛋疼，即使设置了overflow-x：hidden和width:100%也无法去除，通过各种途径寻找解决方法，最终在张鑫旭大神的一篇文章里找到了最终解决方法，在这里记录一下防止之后自己用得到时还需要重新找，也为那些同样有这方面问题的童鞋提供方
喵了__个咪·2018-07-30 22:19

用WKWebView向cookie或者localStroge传值的坑

一，首先介绍一下在mac上用safari调试ios手机的移动端页面第一步：打开iphone找到以下页面，流程是：【设置】->【Safari】->【高级】->开启【Web检查器】，如图1、图2第二步：打开
忆昔日流年好·2018-07-27 19:38

前端移动端问题小结

移动端项目小结调用微信的接口分享给好友，分享到朋友圈移动端微信中对于autoplay无效时，自动播放MP3音频，移动端页面适配audio在不同的浏览器内核有不同的支持情况一、微信分享首先引入微信的脚本库分享到朋友圈
Aima·2018-07-17 00:00

前端布局以及他们的区别

出自：https://blog.csdn.net/gj1949/article/details/53379324目前针对web前端页面的设计主要分为pc端和移动端页面，针对不同的页面我们可能会采取不同的布局格式
kangkang_1984·2018-06-19 11:23

【CSS练习】IT修真院--练习5-护工个人界面

任务五、一个最常见的移动端页面完成的事情float学习张鑫旭《CSS世界》相关章节张鑫旭float系列了解CSS通配符&选择器性能优化/浏览器渲染原理background学习(各属性及效果)完成任务五学习
Nodreame·2018-06-13 00:00

【CSS练习】IT修真院--练习4-移动端界面

任务四、一个最常见的移动端页面完成的事情完成简单布局，然后填充界面与效果图对比优化完成验收要求：header扩展性&顶栏固定进行placeholder样式兼容性研究完成任务四-深度思考task4跟随深度思考
Nodreame·2018-06-09 00:00

移动端页面

1、viewport声明的意义在head中添加以下标签，让手机浏览器以device-width的宽度为初始包含块渲染页面，device-width根据设备的不同而不同，也可以填写一个纯数值//目前部分手机（安卓4.4以下）不支持纯数值安卓4.4以上1、严格按比例还原视觉稿布局width=视觉稿宽度，页面可以使用px单位开发2、页面内容与屏幕大小呈正相关width=device-width，使用px
不是我的简书·2018-06-05 21:20

【CSS练习】IT修真院--练习3-简单界面

任务三、一个最简单的移动端页面今天完成的事情运用布局知识跟随设计图进行布局，完成简单Demo并继续学习优化.让布局更好适应屏幕变化(使用了盒模型及百分比).了解rem&em&px区别&在Demo中应用rem
Nodreame·2018-06-05 00:00

理解设备像素比

我们在开发移动端页面时，将视口（viewport）设置为设备宽度（device-width）后，同一份页面在这些不同的设备上又怎样的表现呢？我们写一个测试页面，在Chrome中看看就知道了。
YaoDeBiAn·2018-05-27 19:14

移动端web如何在真机上进行调试

在做移动端页面的时候，在chrome的手机模拟器上进行模拟测试界面。但是在真机上打开页面的时候，却出现界面或者是功能上的bug。所以我们做完移动端页面的时候，不妨先用真机进行调试本地手机页面。
maggie_live·2018-04-27 15:10

移动端开发要点总结

在移动端页面的开发中，在设置meta标签过程中需要注意以下几点：H5页面窗口自动调整到设备宽度，并禁止用户缩放页面//width设置viewport宽度，为一个正整数，或字符串‘device-width
shuxikql·2018-04-13 11:23

移动端布局

先阅读使用Flexible实现手淘H5页面的终端适配与再聊移动端页面的适配了解大致的概念。脚本主要的JS代码如下，代码来源于该网站，一般将以下代码压缩后放置在所有JavaScript脚本前。
PLDaily·2018-04-13 00:00

移动端web禁用长按选中功能

移动端页面中，长按可选中文本；但有时候为了更好地用户体验需禁用此功能。
lynachen·2018-03-23 11:35

解决移动端页面的touchstart和touchmove冲突

解决移动端页面的touchstart和touchmove冲突最近在写一个小项目，移动端的投票工具，作为一个第一次写移动端的菜鸟，问题出现了：为什么一滑屏幕就触发了一堆touchstart事件呀（摔！！！
Raaabbit·2018-03-19 16:25

vuejs 开发问题解决方案总结一

原文链接：http://mrzhang123.github.io/2016/07/14/summarize-vue/最近一段时间忙着工作的一些事情，同时自己也在试着把项目中的一些移动端页面试着用vuejs
Jarvan大熊·2018-03-19 14:06

去除inline-block元素间间距的N种方法

阅读更多【前言】最近做移动端页面时，经常会用到inline-block元素来布局，但无可避免都会遇到一个问题，就是inline-block元素之间的间隙。
青春..荒唐·2018-03-18 16:00

去除inline-block元素间间距的N种方法

阅读更多【前言】最近做移动端页面时，经常会用到inline-block元素来布局，但无可避免都会遇到一个问题，就是inline-block元素之间的间隙。
青春..荒唐·2018-03-18 16:00

如何在Vue项目中使用vw实现移动端适配(转)

在《使用Flexible实现手淘H5页面的终端适配》提出了Flexible的布局方案，随着viewport单位越来越受到众多浏览器的支持，因此在《再聊移动端页面的适配》一文中提出了vw来做移动端的适配问题
BULL_DEBUG·2018-03-16 09:49

解决vue 路由变化页面数据不刷新的问题

问题出在，我在电脑上做移动端页面的时候，相继跳到详情页，我想返回，点击按钮，直接跳转到了如上第一张图的样子，no,no,no,这不是我想要的结果，此刻，想到了通过改变url来改变页面的层级问题。
毛毛-lucy·2018-03-13 08:36

纯CSS实现隐藏滚动条但仍具有滚动的效果

移动端移动端页面只要兼容Chrome和Safari就够了，所以可以使用自定义滚动条的伪类选择器::-webkit-scrollbar来隐藏滚动条。.
huangpb0624·2018-02-22 11:01

移动端页面实现下拉刷新、上拉加载 – 基于MUI插件

以乐淘的商品搜索（结果）页面为例。【待补充：效果图】HTML的实现使用MUI的父子盒子嵌套的结构。区域滚动中，上下拉动后出现的提示信息（转菊花、文本等）元素是用绝对定位方式定位到该区域的顶端，且会被页面其他元素（如固定定位的元素）遮住。调整父容器样式：（原默认样式为绝对定位，不符合需求）设置父高100%，设置(子绝)父相。MUI插件模板：下拉刷新、上拉加载产品文档写的比较乱，没有完整模板。产品文档
英俊又可爱XD·2018-01-31 21:56

移动端性能优化(6)

使用后端数据渲染使用后端数据渲染的方式可以加快页面内容的渲染展示，避免空白页面的出现，同时可以解决移动端页面SEO的问题。如果条件允许，后端数据渲染是一个很不错的实践思路。
O8·2018-01-31 18:55

针对 iOS端禁止列表顶部下拉和底部上拉露出浏览器灰色背景 的解决方案。

针对此问题，在一些移动端页面下拉、上拉过程导致浏览器底部露出背景。在一定程度上会影响用户的正常操作以及用户体验。**省下好多喝茶的片刻，以及找过网上类似的解决方法。
Borther-Cola·2018-01-23 15:40

移动端适配问题收集

重置样式相关移动端浏览器（部分iphone）横竖屏切换时，字体大小变化检索或设置移动端页面中对象文本的大小调整。
饭饭之辈D·2018-01-08 09:34

移动端页面开发时需要注意的一些问题

阅读更多1、防止手机中网页放大和缩小，这点是最基本的，最为手机网站开发者来说应该都知道的，就是设置meta中的viewport有些手机网站我们看到如下声明：设置了DTD的方式是XHTML的写法，假如我们页面运用的是html5，可以不用设置DTD,直接声明。使用viewport使页面禁止缩放。通常把user-scalable设置为0来关闭用户对页面视图缩放的行为。完整的viewport设置，当然，u
青春..荒唐·2017-12-31 19:00

移动端页面开发时需要注意的一些问题

阅读更多1、防止手机中网页放大和缩小，这点是最基本的，最为手机网站开发者来说应该都知道的，就是设置meta中的viewport有些手机网站我们看到如下声明：设置了DTD的方式是XHTML的写法，假如我们页面运用的是html5，可以不用设置DTD,直接声明。使用viewport使页面禁止缩放。通常把user-scalable设置为0来关闭用户对页面视图缩放的行为。完整的viewport设置，当然，u
青春..荒唐·2017-12-31 19:00

基于Swiper实现移动端页面图片轮播效果

使用Swiper开发移动端页面，轻松实现图片的轮播。
sunshine_hl·2017-12-28 10:26

python selenium Chrome模拟手机浏览器

在做移动端页面测试时可以利用Chromemobileemulation辅助完成页面的适配问题，但是目前手机市场上的型号居多我们也没有办法通过人工的模式一一的去适配，所以这里考虑到通过自动化的模式来模拟，
江诗·2017-12-26 15:00

移动端布局与适配

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

gulp插件(9) - gulp-postcss & autoprefixer(生成CSS前缀)

【特别是开发移动端页面时，就能充分体现它的优势。例如兼容性不太好的flex布局。】例如：.flex{display:flex}编译后.flex{display:-webkit-box;display:
神秘者007·2017-12-23 09:30

从无到有<前端异常监控系统>落地

导火索有一天一个测试同事的一个移动端页面白屏了，看样子是页面哪里报错了。
子慕大诗人·2017-12-22 18:00

vue.js移动端配置flexible.js

适用于最新版vue-cli,配置手淘的lib-flexible.js和rem实现移动端页面自适应1.安装lib-flexible.jsnpminstalllib-flexible--save2.在项目入口文件
Coding_Jia·2017-12-21 17:49

vue.js移动端配置flexible.js

适用于最新版vue-cli,配置手淘的lib-flexible.js和rem实现移动端页面自适应1.安装lib-flexible.jsnpminstalllib-flexible--save2.在项目入口文件
Coding_Jia·2017-12-21 17:49

关于移动端页面开发（微信内置浏览器）总结

上个礼拜，刚入职就接到一个移动端的活动页面项目，重点还是要兼容微信浏览器，兼容主流机型。在这之前，我所做的都是PC端的，想来两者差别不大，实际动手时遇到的坑还是蛮多的。时间过去的有点久，我也不能把每个坑都列出来，只能写些印象深刻的。1、关于页面背景由于手机端机型众多，各种机型屏幕大小不同，让美工针对每个机型设计背景图显然是不合理的。当时的想法是，给一张iPhone6的，width:100%,hei
Meikongggg·2017-12-16 09:00

移动端页面以rem为单位设置字体大小不生效解决方法

移动端页面以rem为单位设置字体大小不生效解决方法这个问题在前端H5页面开发可以说是一个老生常谈的问题了。
Mr_倪·2017-12-08 17:27

Web前端のH5页面开发技巧

meta标签相关知识移动端页面视口设置针对ios优化禁止设备识别缓存处理样式处理技巧-webkit-user-select:none;//禁止用户选中文字--webkit-touch-callout:none
hi_yolo·2017-12-08 15:04

Vue中的Vux配置指南

基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式。
夏大师·2017-12-08 11:24

HTML简介

PC端页面移动端页面解决用户体验问题必备条件是什么？1>会上网，会打字，懂得互联网是什么2>兴趣3>肯练习浏览器和服务器如何信息交互？通过浏览器如何查看请求报文和响应报文?
奶瓶SAMA·2017-12-04 15:46

移动端相关网络代理服务器IP过滤

有的代理IP是手机专用代理服务器，VIA会添加移动网络相关信息，如果用了这样的服务器做代理，爬虫访问目标页面就会跳转到移动端页面，导致页面内容和抓取规则不匹配，从而抓取内容失败。
晓函·2017-12-03 05:44

vue 添加vux的代码讲解

基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式。
仔仔爱学习·2017-11-30 11:49

干货教程：移动页面开发小技巧

204d26ed7eab37f5e53f641b3dd1806c.jpg01meta标签的相关知识1、移动端页面设置视口宽度等于设备宽度，并禁止缩放。
APICloud·2017-11-27 17:17
上一页 15 16 17 18 19 20 21 22 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他