Ansue的博客_手机端

rem兼容js

原文链接：http://caibaojian.com/simple-flexible.html//code from http://caibaojian.com/simple-flexible.html<style id="rootFontSize">html{font-size: 100px !important;}</styl

rem flexbile

转载 2017-11-20 10:54:20 982 阅读

上下滑动的swiper，第二个slider高度大于屏幕，如何让它出现滚动条，像单页面那样滑动？？

https://segmentfault.com/q/1010000005605451/a-1020000009012368/revision HTML： <div class="swiper-container swiper-container-v"> <div class="swiper-wrapp

swiper 单页滑动

转载 2017-07-05 15:28:15 7639 阅读 1评论

移动机型介绍

https://pic4.zhimg.com/fa1ad5340f86eac06563969349264fa3_r.png

移动机

型介绍

原创 2016-11-09 14:30:28 780 阅读

移动前端工作的那些事---前端制作篇之javascript篇

javascript(简称js)语言在移动前端应用很广。可以说必不可少，许多效果都是和js相关的。包括现在移动端的一些框架。jqmobi、jqtouch、sencha touch、jquerymobile等等。这些都是基于js而进行编写的。这篇暂时不讨论这些框架。以后会慢慢介绍其中的一两个框架的具体使用方法。这篇主要讨论一下部分常用的js事件在移动端的使用。举几个例子： 1、隐藏地址导航

javascript

制作

function

转载精选 2015-06-08 13:58:31 514 阅读

手机端问题

8、如何去除Android平台中对邮箱地址的识别缓存控制 <meta http-equiv="Cache-Control" content="no-cache"/> <meta http-equiv="Cache-Control" content="max-age=300"/> 下面这行: <meta http-equ

标签

开发

iphone

safari

最大的

转载精选 2015-05-21 15:15:36 686 阅读

手机端判断各个平台浏览器及操作系统平台

做手机端的前端开发，少不了对手机平台的判断。如，对于app下载，就要判断在Android平台下就显示Android下载提示；在iOS平台下就显示iOS下载提示。<script type="text/javascript"> //手机端判断各个平台浏览器及操作系统平台 function checkPlatform(){ if(/android/i.test(navi

浏览器

iPhone

browser

Android

function

转载精选 2015-05-21 13:14:23 539 阅读

css去掉iPhone、iPad默认按钮样式

最近用HTML5写了个手机站，在测试的时候发现在苹果手机上的一个问题。所有的按钮都被了苹果自带的样式给替换了。效果如下：但是正确的应该是酱紫滴！~只要在样式里面加一句去掉css去掉iPhone、iPad的默认按钮样式就可以了！~input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: n

浏览器

iPhone

Chrome

苹果手机

outline

转载精选 2015-05-18 10:20:12 877 阅读

meta在移动端的运用

name: 该属性定义了文档级元数据的名称。用于对应网页内容，便于搜索引擎查找分类，如 keywords, description; 也可以使用浏览器厂商自定义的 meta，如 viewport；1.http-equiv:该枚举的属性定义，可以改变服务器和用户代理行为的编译。编译的值取content 里的内容。简单来说即可以模拟 HTTP 协议响应头。最常见的大概属于 Content-Type

浏览器

服务器

搜索引擎

cookie

content

转载精选 2015-04-28 18:35:29 371 阅读

media jquery 适配ios不同手机

iphone4

iphone5

iphone6

原创 2015-04-28 17:24:14 842 阅读

手机浏览器兼容性测试结果概要

a.在 iOS 中，用户手动开启「首字母自动大写」功能可以通过在表单元素上可以通过设置autocapitalize="off"来关闭。<input type="text" autocapitalize="off" placeholder="用户名-关闭首字母大写">还可以在form元素上设置该属性，让里面的每个元素都继承autocapitalize的设置。b.以下所说的“大多数”是指在

iframe

手机浏览器

button

中文字体

转载精选 2015-04-07 16:56:16 792 阅读

transition transform

transition主要包含四个属性值：执行变换的属性：transition-property, 变换延续的时间：transition-duration, 在延续时间段，变换的速率变化transition-timing-function, 变换延迟时间transition-delay也可以酱紫哦： transition: background 0.5s ea

background

时间段

transition

原创 2015-03-18 18:50:29 406 阅读

media jquery 响应页面尺寸

device-pixel-ratio：定义输入设备屏幕的可视宽度与可见高度比率。device-width：输入设备屏幕的可视宽度。device-width：输入设备屏幕的可视宽度。 orientation ：屏幕横竖屏定向。landscape 是横向，portrait 是纵向【ipad 相反】 /* iPhone

iPhone

media

jquery

screen

ipad

原创 2015-03-10 15:53:09 504 阅读

html5不可忽视的5个新特性

来源：http://www.open-open.com/news/view/102a2de特性一：正则表达式相信大家都会非常喜欢这个特性，无须服务器端的检测，使用浏览器的本地功能就可以帮助你判断电子邮件的格式，URL，或者是电话格式，防止用户输入错误的信息，通过使用HTML5的pattern属性，我们可以很方便的整合这个功能，代码如下：<input type="email"&nbs

浏览器

服务器

电话

表达式

转载精选 2015-03-09 11:04:21 394 阅读

手机端注意项

-webkit-font-smoothing:antialiased; 让字体变得平滑在文本框中禁用中文输入法 text,textaera{ime-mode:disabled;} IE 火狐支持字体用em 或百分比来实现最后对于在IE浏览器中不支持media query的情况，我们可以使用Media QueryJavaScript来解决，只需要在页面头部引用css3-me

手机端   头部信息 met

转载精选 2015-02-28 15:26:22 386 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

ansue

rem兼容js

上下滑动的swiper，第二个slider高度大于屏幕，如何让它出现滚动条，像单页面那样滑动？？

移动机型介绍

移动前端工作的那些事---前端制作篇之javascript篇

手机端问题

手机端判断各个平台浏览器及操作系统平台

css去掉iPhone、iPad默认按钮样式

meta在移动端的运用

media jquery 适配ios不同手机

手机浏览器兼容性测试结果概要

transition transform

media jquery 响应页面尺寸

html5不可忽视的5个新特性

手机端注意项