本文介绍了解决移动端1px边框问题的5种方法。当然了，在这之前先整理了与这些方法相关的知识：物理像素、设备独立像素、设备像素比和viewport。物理像素、设备独立像素和设备像素比在CSS中我们一般使用px作为单位，需要注意的是，CSS

在网上搜了一下，很多面试都会被问到移动端适配方法的问题，最近看了一些文章，这里总结一下。首先，谈一下目前为止出现的一些关于移动端适配的技术方案：（1）通过媒体查询的方式即CSS3的meida queries（2）以天猫首页为代表的 fle

本文介绍了纯CSS3实现移动端展开和收起效果的示例代码，分享给大家，具体如下：展示效果：HTML代码<section class="block"><input type="checkbox&

在移动端开发时，经常会遇到在视网膜屏幕中元素边框变粗的问题。本文将带你探讨边框变粗问题的产生原因及介绍目前市面上最好的解决方法。1px 边框问题的由来苹果 iPhone4 首次提出了 Retina Display（视网膜屏幕）的概念，在

目录1. 基本概念1.1 两种像素1.2 三种视口2. 视口的设置3. 一倍图、二倍图、三倍图在 PC 端，视口指的是浏览器的可视区域，其宽度和浏览器窗口的宽度保持一致。在 CSS 标准文档中，视口也被称为初始包含块，它是所有 CSS 百分

废话不多说了，说一下今天给大家分享的是 html5上传图片。我们是在移动端使用的，但是这个在pc上也通用兼容性我只在谷歌测试过。之前一直用的angular写的《用HTML5的File API做上传图片预览能》。今天摒弃angular的东西分

拿到设计稿后，如何进行布局还原？如果只需要做非精确的响应式设计，那么使用媒体查询来实现就 OK 了。如果需要精确还原设计稿，则一般通过缩放来实现。常见方案有基于 viewport 和基于 rem 的缩放方案。1 viewport 缩放方

已知20条内容要有d幕效果，分成三层，速度随机。 先来看看效果: 所以这里不考虑填写生成的。只是一个展现的效果。 如果要看填写生成的，请不要浪费Time思路 把单个内容编辑好，计算自身宽度，确定初始位置移动的距离是屏幕宽度js动态的添

最近在研究用视频代替动画，用视频代替精灵动画，我们称这种视频叫做交互视频。传统的精灵动画：磁盘空间大，下载慢，尤其是在线播放，会更慢文件太多，在线播放的时候，太多http请求，会导致响应慢，或者行为失常因此，急需开发了一套技术，用视频代替

本文介绍了Html5移动端获奖无缝滚动动画实现示例，分享给大家，具体如下：需求分析哈哈，上动态图真的是一下就明了了。就是滚动么滚动，那么制作这个有什么方法呢？我们来总结一下:html骨架其实很简单，最外面的<div>是做

常见的有viewport、强制浏览器全屏、IOS的Web APP模式、可点击元素出现阴影本文主要讲一些其他的或者实用的优化手段。1. d出数字键盘<!-- 有"#" "*"符号输入 --&g

身为一个前端攻城狮，是不是经常遇到各种各样的响应式问题？下面我们来说一下：1.响应式跟自适应有什么区别?有些人可能还不知道响应式跟自适应的区别,甚至认为他们是同一个东西,其实不是的.自适应是最早出现的，后面才有了响应式。响应式布局等于

Html5 曾经是最最炙手可热的技术，移动端也因为html5技术的加入变得更加变通一些，人人都喜欢&ldquo;Write once，run more&rdquo;，但在今年扎克伯格承认在html5上的失策以来，我们也应该清

在现在的前端页面中，尤其是移动端，经常会需要将<header>或者是<footer>模块悬浮出来，跟随页面的滑动保持定位在页面的最上方或者是最下方，如下图所示。&ldquo;回复主题&rdquo;模块

PC端上传文件多半用插件，引入flash都没关系，但是移动端要是还用各种冗余的插件估计得被喷死，项目里面需要做图片上传的功能，既然H5已经有相关的接口且兼容性良好，当然优先考虑用H5来实现。用的技术主要是：ajaxFileReaderF

今天遇到一个新需求，经理要求评论功能需要限制字数，就像微博那样限制最多输入150字，这里就需要实时提醒用户还能输入多少字了。在最开始的时候，想到的是监听keyup事件，然后计算用户输入的字数，但是有些按键（比如删除键）并不会触发事件。

最近一直在研究移动手机网站的开发，发现做手机网站没有想象中的那么难。为什么会这么说呢？我们试想下:我们连传统的PC网站都会做，难道连一个小小的手机网站难道都搞不定吗？其实手机网站就是一个微缩版的PC网站罢了！至于为什么觉得难、觉得无从下手。

rem介绍rem（font size of the root element）是指相对于根元素（即html元素）的字体大小的单位。假设根元素的字体大小是10px, 则5rem的大小为 5*10=50px,例如html{font-size

在pc版网页(http:pc_url) 上，添加：<link rel="alternate" media="only screen and(max-width: 640px)" href=&