移动端页面

开发中当移动端页面遇到IOS时出现的一些不大不小的坑

细数入行开发以来，遇到的大大小小的坑，有的填上了，有的找不到了，还有的依旧静静地躺在那里，你去填也好，不去填也好，她就静静的待在哪里，动也不动。。。一直以来不喜欢总结，所以总是慢半拍，最近终于狠下心总结一下，开发以来解决的那些大大小小的坑，可惜，当你爱我时，你在身边，当我回首时，你已远走，寂静，悄然。。。一、margin属性在IE8情况下的双边距问题，相信大多数同学对这一问题都比较熟悉，而且解决方
故林青衫·2020-03-29 08:13

Vue移动端UI组件库

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

inline-block间距

大家好我是程序员1.背景介绍我们在做移动端页面的时候，经常会用到inline-block元素来布局，但无可避免都会遇到一些问题，就是inline-block元素之间的间隙。
傲慢的小寒哥·2020-03-28 09:01

前端学习-移动端页面开发和移动端的JS库01

前端Logo.jpg大家好，我是lyh165，每天喜欢用17小时去工作和学习。之前从事于后者(世界上有两种手机一种是其他手机，另一种是iPhone手机)dontaskmywhy.现如今献血于(人生苦短，我用Python)期待于与吴恩达较于高下。后于(UI设计、产品经理、技术总监、CTO、我还有一个bug没改:然后die)我打算用每周更新专栏三到四篇文章。不能做到每天一文是因为工作、学习、总结和概念
lyh165·2020-03-27 08:33

使用ivx实现页面导航的经验总结

页面导航与标签导航十分类似，功能和使用方法也基本一致，区别在于页面导航更多用于移动端页面、APP功能页面之中。1.将页面划分为两个区域，底部的行用来作为页面导航器，上面的行用于展示各个页面的内容。
iVX研究所·2020-03-26 17:43

移动端页面开发之旅

个人觉得做移动端网页三大难点自适应动画的效率移动端js事件的使用开始写移动端的第一步是在head标签里添加上面声明，手机视口宽度=屏幕宽度，默认不可缩放开发环境可以使用http-server,browser-syncbrowser-sync可以对文件进行监测，保存后自动刷新浏览器实现同步预览可以在手机和电脑同时访问前端开发工具-代理服务器调试环境谷歌浏览器F12，推荐将调试框放在右边chrome调
scarqin·2020-03-26 17:36

vConsole，移动端调试神器

在做移动端页面的时候，比如是微信的页面，不在微信开发者的工具是无法在正常的浏览打开的。亦或者是再进行混合开发的时候，只能在模拟器中打印出自己想看的数据。
ismyshellyiqi·2020-03-25 01:51

Pocket 文章清单

Canvas最佳实践（性能篇）》[《基于Express+Gulp+BrowserSync搭建一套高性能的前端开发环境》](基于Express+Gulp+BrowserSync搭建一套高性能的前端开发环境)《移动端页面开发资源总结
夏暮·2020-03-24 15:15

移动端页面适配

说起移动端适配可能会有很多适配方案。最开的适配方案回顾:1.if(/Android(\d+\.\d+)/.test(navigator.userAgent)){varversion=parseFloat(RegExp.$1);if(version>2.3){varphoneScale=parseInt(window.screen.width)/640;document.write('');}els
麦子_FE·2020-03-24 11:06

WordPress自适应模板引入百度MIP

它规范了MIP页面的HTML代码标准、JS运行环境及Cache页面缓存系统，通过引入这些专为MIP页面制定的标准及规范来实现网页在移动端页面的加速功能。
几个法师·2020-03-24 02:21

H5移动端网页字体大小自适应

移动端页面在显示时，需要先设置一下浏览器可视化区域，则不会出现屏幕有横向滚动条的效果，增加用户体验，代码展示：说明：initial-scale：设置页面的初始缩放值maximu
白纸和笔·2020-03-23 00:32

Flex布局中出现的兼容问题

caniuse今天在做移动端页面的时候使用flex布局，但是在测试后发现华为P9出现了下图效果Paste_Image.pngul,li,p{padding:0;margin:0;list-style:none
DX初学者·2020-03-23 00:58

手机端页面自适应解决方案—rem布局

该方案目前已过时，这里是更加完美的替代方案——rem布局(进阶版)相信很多刚开始写移动端页面的同学都要面对页面自适应的问题，当然解决方案很多，比如：百分比布局，弹性布局flex（什么是flex），也都能获得不错的效果
梁相辉·2020-03-22 22:13

h5移动端页面开发

【南京麦唐数字科技咨询电话：130-1696-6999】随着HTML5的到来，HTML5成为了前端开发中的主力，使web前端的应用功能更加灵活，特别是在移动端的应用，已经成为了主流。行业的飞速发展，互联网企业需要大量的专精于Web前端技术的前端工程师，现在主流的互联网网站，一定需要打造一流的用户交互体验服务项目：APP开发、定制开发、微信公共号开发、H5页面开发一条龙服务南京麦唐数字科技我们的优式
豆花_78a2·2020-03-22 09:07

移动端页面布局

七大布局：流线布局、等比缩放拓展布局、分栏布局、流动布局、重复布局、固定布局1.流线布局流线布局指在界面中的内容元素控件在屏幕显示区域内进行相对拉伸，以达到布局完整的目的，比如Pad&Phone横竖屏切换优点：开发简单、成本低2.等比缩放指在界面中元素在相对位置进行等比缩放，从而达到解决横竖屏显示相对较好的UI界面,这种布局不会对界面造成布局重构影响，开发成本低，适配简单，一般使用于音乐、视频、电
Jo_608a·2020-03-21 11:49

web前端—day1.1—html基础

Windows+d返回桌面Windows+e打开我的计算机Windows+r打开命令alt+tab切换软件ctrl+tab软件文档之间的切换F2重命名2.web前端简单介绍web前端包含：pc端页面和移动端页面前端就是将设计师的网
techLee·2020-03-21 08:37

移动端页面开发

布局视口在PC端，布局视口就是浏览器窗口视口的宽度=浏览器窗口的宽度通过以下JavaScript代码获取布局视口的宽度和高度：document.documentElement.clientWidthdocument.documentElement.clientHeight视觉视口理想视口上面代码中的width指的是布局视口的宽，device-width实际上就是理想视口的宽度。width=devi
饥人谷_曾涛·2020-03-20 21:49

移动端概括

例如在不兼容的浏览器中使用js动画来代替css3动画2.如何做既可以在pc端访问，也可以在移动端访问的网站(1)pc端一套项目，移动端一套项目iPad一套项目(2)常见的移动端开发a.检查是pc端还是移动端b.移动端页面
abigdonkey·2020-03-20 03:50

移动端页面适配以及meta的属性和用法

移动端段适配一直都是我们开发过程中最头疼的问题，下面总结了一些适配的方法，有的是转自其它地方，由于本人水平有限，若有错漏之处敬请谅解。一、rem布局代码如下:注意这段代码一定要放在body之上，否则无效。(function(doc,win){vardocEl=doc.documentElement,//orientationchange事件是在用户水平或者垂直翻转设备（即方向发生变化）时触发的事件
XZ阳光小熊·2020-03-19 06:23

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

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

2018-01-30 HTML5 移动页面自适应手机屏幕四类方法、关于bootstrap datetimepicker的用法以及小箭头消失的问题、dev gridview的单元格取值，取列名，...

第一组：杨昊HTML5移动页面自适应手机屏幕四类方法1、使用meta标签：viewportH5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统
胡諾·2020-03-18 01:27

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

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

移动端页面开发问题总结（1）

对于利用Ajax从后台动态加载的页面，绑定事件（以点击事件为例）的时候必须使用以下方式，$(document).on("click","选择器",function(){//事件处理函数})而不是使用以下方式：$("选择器").click(function(){//事件处理函数})注：第二种方式对于非动态加载的页面来说是OK的。对于ios系统，模拟button的时候应避免使用div标签，需使用标签或
过山过水·2020-03-17 13:51

页面适配iPhone X系列

背景移动端页面开发时，有时会需要按钮悬浮于屏幕底部。对于iPhonex及以后的系列，因为底部小白条的存在，靠近页面底部的交互会与系统原生小白条的交互冲突，所以需要做些兼容性的处理。
光就一个字·2020-03-16 19:21

前端面试题

能说下移动端页面怎么设置视口？参考答案meta元素用来表达任何其他HTML元相关元素(,,,或者)等无法表达的信息。eg:题目二讲一讲display，position和float的之间的相互影响？
进击的小铁·2020-03-12 21:02

移动端页面

排版方式：1、一系列的meta标签//优先使用IE最新版本和Chromeviewport视口device-width设备宽度initial-scale=1.0初始缩放比例minmum-scale=1.0最小缩放比例maximum-scale=1.0最大缩放比例user-scalble=no禁止用户自由缩放yes可以自由缩放//禁止浏览器自动的识别电话和邮箱//是否启用WebApp全屏模式，删除苹果
w_01·2020-03-12 06:03

前端页面性能优化

一、网络加载类1．首屏数据请求提前，避免JavaScript文件加载后才请求数据2．首屏加载和按需加载，非首屏内容滚屏加载，保证首屏内容最小化一般推荐移动端页面首屏数据展示延时最长不超过3秒。
will666·2020-03-12 04:27

移动端页面开发的四种方式笔记(三)

响应式开发原理：使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同的设备超小屏幕(手机)=768px~=992px~=1200px响应式布局容器响应式需要一个父集作为布局容器，来配合子集元素来实现变化效果。原理就是在不同屏幕下，通过媒体查询来改变这个容器的大小，再改变里面子元素的排列方式和大小，从而实现不同屏幕下，看到不同的页面布局和样式变化尺寸的划分超小屏幕(手机)=768px~=
不务正业的前端学徒·2020-03-11 14:02

H5到底是什么？一节课带你从零开始深入理解Html5

提到html5大家可能首先会想到的是移动端页面，但这只是html5的运用范围之⼀。其实html5是最新的html规范，也是一系列用来制作现代web内容的相关技术的总称。
IT修真院课代表·2020-03-10 21:16

移动端链接长按触发颜色块的问题解决

微信页面中常见的问题，这里不局限微信，应该是移动端页面中的链接长按会触发一个色块高亮的效果：image.png，为了统一样式需要清除此效果。
滑天下之大稽·2020-03-10 07:29

简述：腾讯移动端页面设计规范 对你有启发吗？

小编今天分享一下腾讯移动端页面设计规范，看看会对你有什么启发？直接进入主题首屏范围：750X1218像素移动端的首屏尤为重要，很多时候用户只关注到首屏的内容。
Lanlanwork·2020-03-08 18:29

HTML&CSS&移动端页面练习素材

自己之前做页面练习也找了很多的静态网页文件，深刻体会到自己找资源的繁琐之处，所以自己整理了一些静态页面供大家练习，其中还有一个比较完整的项目(含psd图，我会把psd图和自己切图下来的图片都放在一起，但我建议大家自己去ps或者FireWorks切图。因为以后工作了也是一张psd设计图，里面的图片及位置，大小都需要自己去切图、测量)页面素材网盘地址：https://pan.baidu.com/s/1
平头哥→_→·2020-03-08 13:43

移动端页面的特点

300ms延迟（落后的）三百毫秒的来龙去脉移动端300ms点击延迟和点击穿透问题禁用缩放如果设置了width=device-width，Android上的Chrome32+会禁用300ms延时；如果设置了user-scalable=no，Android上的Chrome（所有版本）都会禁用300ms延迟。initial-scale=1.0,maximum-scale=1.0,minimum-scal
饥人谷_hak·2020-03-07 02:28

移动端布局小问题

最近写移动端页面的时候遇到的一些小问题，主要是微信页面1.布局问题flex布局，在写这个移动端页面的时候我布局很多时候都是使用的最新的flex布局，写起来很舒服，效果也很好，在大部分移动端机型上效果也如预期的一样
如真似梦·2020-03-06 18:37

文字规范标准（IOS/Android）

昨天给大家聊了下图标制定规范的形式与标准，那么今天和大家聊下在移动端页面设计中的文字规范。
火锅里的生虾·2020-03-05 18:15

一次Android手机下微信网页访问HTTPS空白问题的跟踪解决

定位过程:1、出现页面空白后，第一个反应是PC页面判断跳转移动端的逻辑脚本有错误经过直接通过微信访问移动端页面仍然为空白，排除以上可能性。
letonode·2020-03-03 16:18

RN Modal 滚动穿透问题

在js写移动端页面时都会遇到滚动穿透，Google基本能找到的解决方案https://github.com/pod4g/tool/wiki/%E7%A7%BB%E5%8A%A8%E7%AB%AF%E6%
cocoaroger·2020-03-03 02:35

前端面试每日 3+1 —— 第321天

今天的知识点(2020.03.02)——第321天(我也要出题)[html]为什么移动端页面的设计稿一般是750px/640px呢？
浪子神剑·2020-03-02 08:29

HTML - 移动端 meta viewport

但是很多时候我们只是拿来用了，没有去理解这段代码究竟干了什么，为什么会影响移动端页面的布局效果，它又是怎么起作用的。今天我们就花点时间来彻底搞明白viewport到底是什么。
liuxuan·2020-02-29 04:11

【原创】如何使用电脑上的谷歌浏览器来调试移动端页面

前提：手机和电脑上都需要安装谷歌浏览器第一步：需要将自己的手机调成开发者模式，一般的安卓手机都是找到手机的版本号，然后连续点击7次左右，如图1所示：图1第二步：打开手机的设置选项，找到开发者选项图2第三步：将开发者选项和USB调试都打开图3第四步：打开电脑上的谷歌浏览器，调出控制台，并点击图4和图5中箭头所指部分图4图5第五步：在之后出现的页面中要保证右边setting部分的第一个选项：Disco
Eternal丶·2020-02-28 16:28

CSS 实现隐藏滚动条同时又可以滚动

移动端页面为了更接近原生的体验，是否可以隐藏滚动条，同时又保证页面可以滚动？使用overflow:hidden隐藏滚动条，但存在的问题是：页面或元素失去了滚动的特性。
乌匠·2020-02-27 17:14

xampp服务器 手机访问移动端页面

第一：手机连接wifi，和目标[计算器](https://www.baidu.com/s?wd=%E8%AE%A1%E7%AE%97%E5%99%A8&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YvrAm4mhwhnHRLnAFBPyRk0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqp
常连海·2020-02-27 12:44

Vue 移动端框架

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

js判断当前设备（加载pc端页面或者加载移动端页面）

Document电脑端functionisMobile(){if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|WindowsPhon
blank的小粉er·2020-02-25 21:18

如何在手机上预览电脑本地移动端项目（web server）

手机预览pc本地移动端页面的前提PC与手机在同一wifi下关闭电脑防火墙1.工具：谷歌插件webserverwebserver工具2.如何获得webserver：打开谷歌浏览器——更多工具——拓展程序—
空山谧语·2020-02-24 11:31

前端作品集（二）移动端页面开发--携程网

随着移动设备的普及的普及，人们越来越习惯使用移动设备来访问网页，所以学会如何开发移动端页面是一个前端必备的技能。
紫月凌枫·2020-02-24 04:46

移动端页面模板示例

这个模板是在公司项目中使用的，可根据情况自行修改meta标签。微官网/*写你当前页面需要修改的CSS样式*/
前端_逗叔·2020-02-24 01:03

HTML 5 基础单词

默认静音视频video添加视频poster在视频未播放开始前，显示图片（广告常用）controls控制音频按钮autoplay自动播放loop循环播放muted默认静音1.2放大缩小移动端的操作以下命令主要针对移动端页面的大小缩放主要单
不知不值·2020-02-22 05:18

移动端页面——js控制制作

移动端一般设计图尺寸为720px或者640px，一般来说使用rem（指相对于根元素（即html元素）的字体大小的单位）。可以使用js来控制，方便快速做出移动页面适应大部分手机的移动页面例如设计图为640px时，functiondefaultfont(){variphoneWeight=$(window).width()>640？640：$(window).width();//获取设备宽度，当设备宽
言笑笑·2020-02-21 13:03

移动端Web适配单位rem的坑你知道多少

前言对于rem相信很多做移动端页面的大胸弟都不陌生，用rem加百分比来做自适应那是爽的不能再爽。至少切一般的h5页面是没多大问题的。
Chance722·2020-02-20 00:04
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他