移动端开发去除默认css样式/overflow问题

移动端开发去除默认css样式/overflow问题

        清除点击阴影:-webkit-tap-highlight-colora,input,button{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}        清除按钮圆角 (ios上):-webkit-appearanceinput,button {-webkit-appearance: none;border
浏览:603 标签: 移动端 css 时间: 2018-01-03 22:57
移动端开发viewport设置/常见的meta设置

移动端开发viewport设置/常见的meta设置

        viewport 视口(可视区窗口)<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=.5,minimum-scale=.5,maximum-scale=1">        默认不设置 viewport 一般可视区宽度在移动端是980。width
浏览:613 标签: viewport 移动端 meta 时间: 2018-01-02 23:40
移动端开发之touch事件

移动端开发之touch事件

touch事件        touchstart:手指触碰;touchmove:手指移动;touchend 手指抬起。在模拟器下,不支持用on 的方式来给元素加touch事件,在真机没有问题。通常在开发中建议用addEventListener去给元素添加事件。box.ontouchstart =function(){ //不建议使用,模拟器上无效console.log(0)
浏览:609 标签: touch事件 时间: 2017-09-04 23:14
关于移动端 rem 布局的一些总结

关于移动端 rem 布局的一些总结

        【资源一】基础知识恕不回顾        基础知识参考以下两篇博客:http://isux.tencent.com/web-app-rem.htmlhttp://www.w3cplus.com/css3/define-font-size-with-css3-rem        【资源二】淘宝m站首页的动态实现        学习http://m.t
浏览:762 标签: rem 移动端 时间: 2017-08-29 10:53
前端页面适配的rem换算

前端页面适配的rem换算

                为什么要使用rem        之前有些适配做法,是通过js动态计算viewport的缩放值(initial-scale)。    例如以屏幕320像素为基准,设置1,那屏幕375像素就是375/320=1.18以此类推。        但直接这样强制页面缩放过于粗暴,会导致页面图片文字失真模糊。        px是相对固定单位,字号
浏览:759 标签: rem 时间: 2017-08-28 17:49
移动端适配之rem

移动端适配之rem

        随着手机等移动设备的普及,移动端带来的流量已经不可忽视,一个网站不只是只有pc的页面就足够了,移动端的适配已经势在必行。但是移动设备种类繁多,屏幕尺寸也千奇百怪,能不能找到一种方式可以适配所有的手机屏幕呢?答案就是rem。        俗话说 “授人以鱼不如授人以渔”,但今天我就反其道而行,就是授人以鱼的。因为要跟你说什么设备像素比、css像素、ppi等东西
浏览:717 标签: rem 移动端 时间: 2017-08-28 15:56
了解真实的『rem』手机屏幕适配

了解真实的『rem』手机屏幕适配

        rem 作为一个低调的长度单位,由于手机端网页的兴起,在屏幕适配中得到重用。使用 rem 前端开发者可以很方便的在各种屏幕尺寸下,通过等比缩放的方式达到设计图要求的效果。    rem 的官方定义『The font size of the root element.』,即以根节点的字体大小作为基准值进行长度计算。一般认为网页中的根节点是 html 元素,所以
浏览:573 标签: rem 时间: 2017-08-25 17:51
web移动端Fixed布局解决iOS下的Fixed+Input BUG现象

web移动端Fixed布局解决iOS下的Fixed+Input BUG现象

        移动端业务开发,iOS 下经常会有 fixed 元素和输入框(input 元素)同时存在的情况。 但是 fixed 元素在有软键盘唤起的情况下,会出现许多莫名其妙的
浏览:711 标签: 移动端 fixed 时间: 2017-07-31 15:50
flexbox布局的正确使用姿势

flexbox布局的正确使用姿势

flex-direction:row-reverse vs box-orient:horizontal;box-direction:reverse        在项目中,我们还会
浏览:575 标签: flexbox css3 时间: 2017-07-13 16:32
移动端开发meta设置css重置样式等等设置

移动端开发meta设置css重置样式等等设置

1、完整的HTML模板<!DOCTYPE html><html><head><metacharset="utf-8"><metaname="viewport"content="wi
浏览:521 标签: 移动端 meta 时间: 2017-07-13 15:59
总结移动开发实践中遇到的坑

总结移动开发实践中遇到的坑

        做过很多移动端的项目,在开发调试过程中,一款好的调试工具会让效率大大提高。下面,就总结一下移动端遇见的坑。        1、input   placeholde
浏览:450 标签: 移动端 时间: 2017-07-13 15:19
浅谈web自适应

浅谈web自适应

        随着移动设备的普及,移动web在前端工程师们的工作中占有越来越重要的位置。移动设备更新速度频繁,手机厂商繁多,导致的问题是每一台机器的屏幕宽度和分辨率不一样。这给我
浏览:501 标签: 自适应 时间: 2017-06-21 17:38

邮箱快速注册

忘记密码