移动端 - 随笔记


1 <link rel="stylesheet" media="screen and (min-device-width : 320px) and (max-device-width: 480px)" href="iphone.css" />

2 <link rel="stylesheet" media="screen and (min-device-width : 768px) and (max-device-width : 1024px)" href="ipad.css" />

3 media对各种设备的判断，分离css文件,易于维护


1 viewport设置

2 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

移动端 - 随笔记

时间： 2024-12-22 04:23:43

移动端 - 随笔记的相关文章

GIT Windows服务端搭建笔记

GIT Windows服务端搭建笔记 所需软件: GIT服务端: Bonobo Git Server,下载最新版 https://bonobogitserver.com/ 一:配置服务端(基于Windows10+Bonobo Git Server6.3) 打开IIS功能.控制面板->程序->启用或关闭Windows功能,勾选Internet Information Services的选项. 下载好Bonobo Git Server,是一个zip压缩包,是用ASP.NET  MVC开发的网站.

移动端前端笔记 — 遇到的常见JS与CSS问题及解决方法

笔者接触移动前端快一年了,特将平时的一些笔记整理出来,希望能够给需要的人一些小小的帮助.同时也由于笔者的水平有限,虽说都是笔者遇到过使用过的,但文中可能也会出现一些问题或不严谨的地方,望各位指出,不胜感激! 一. css部分 body如果设置height:100%;overflow:hidden是依然可以滑动的,如果需禁止,要再加一层div设置 height:100%加overflow:hidden(html,body加height:100%) ,这样元素超出body的高度也不能滑动了.或者同时

移动端web笔记整理

目录 ·meta基础知识 > H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 > 禁止将页面中的数字识别为电话号码 > 禁止Android平台中对邮箱地址的识别 > 将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式 >viewport模板 ·问题总结 > 移动端字体定义 > 移动端click屏幕产生200-300ms的延迟 > webkit表单元素的默认外观怎么重置 > webkit中placeholder的颜色设置 &g

移动端学习笔记(viewport)

1.理解viewport 移动端浏览器在一个通常比屏幕更宽的    虚拟”窗口“(视口)    中渲染页面,从而无需将所有页面都压缩进小屏幕里(那样会把很多没有针对移动端进行优化的站点打乱).用户可以通过平移和缩放来浏览页面的不同区域. css中的1px并不是代表屏幕上的1px,你分辨率越大,css中1px代表的物理像素就会越多,devicePixelRatio的值也越大

移动端学习笔记（一）

<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=.5,minimum-scale=.5,maximum-scale=1"> viewport 视口(可视区窗口) 默认不设置viewport一般可视区宽度在移动端是980 width 可视区的宽度 (number||device-width) user-scalable 是否允许用户缩放 (ye

移动端事件笔记

移动端主要的事件有:touchstart.touchmove.touchend.touchcancel.gesturestart.gesturechange.gestureend 前四者为触摸事件,后者为手势事件,其中需要注意的是touchstart -> touchmove -> touchend -> click的顺序.并且触发了touchmove事件就不会触发click事件 触摸事件的event提供了如下属性: 对于手势事件,还提供了event.scale 和 event.rota

移动端学习笔记（四）

transform transform 变换 -webkit-transform rotate 旋转 deg skew 斜切 skewX skewY scale 缩放 (原始大小的多少倍)(x,y) scaleX scaleY translate 位移 translateX translateY transform-origin: center center; 关键字 百分比 距离单位(px,em,rem...) 多个属性连写时,先写的后执行 <!DOCTYPE html> <html

服务端开发笔记三：pemelo开发过程中遇到的问题

一 登录顶号 问题: 首先需要弄明白的是,一个客户端只有一个pomelo实例. 当用户登录之后,不退出,重启客户端. 服务器检测到玩家已经登录,会将之前的登录踢下线,客户端会触发disconnect事件,在disconnect中断开pomelo链接. 这样导致当前的链接也被断掉了. 解决方案: 目前处理方式是在disconnect中不断开链接.但这样处理有个问题,当服务器链接不上时,会有一个报错. 原因目前还在查找,找到了再来更新,有路过的小伙伴儿有其他的解决方案也欢迎留言讨论. 二 数据库触发

移动端开发笔记-微信

1,ios的button背景使用background url可能无法显示(被缓存),尝试使用img时发现不触发click事件,需改为touchstart事件触发img按钮 2,使用fiddeler抓包 3,createjs禁用了所有的touch事件,绑定事件时需要先启用createjs的touch模块,再使用mousedown代替click(ios不支持click实时触发)或touchstart 4,微信开发获取用户信息流程: 正常活动页面展示(如活动信息,奖励条件等) 用户要求参与活动 aja