移动设备web端开发笔记

Bootstrap 3
一、采用Html5文档类型<!DOCTYPE html>
<html>
....
</html>
二、为了让 Bootstrap 开发的网站对移动设备友好,确保适当的绘制和触屏缩放,需要在网页的 head 之中添加 viewport meta 标签,如下所示:
<meta name="viewport" content="width=device-width, initial-scale=1.0">

三、在移动设备浏览器上,通过为 viewport meta 标签添加 user-scalable=no 可以禁用其缩放(zooming)功能。

通常情况下,maximum-scale=1.0 与 user-scalable=no 一起使用。这样禁用缩放功能后,用户只能滚动屏幕,就能让您的网站看上去更像原生应用的感觉。

<meta name="viewport" content="width=device-width,
                                     initial-scale=1.0,
                                     maximum-scale=1.0,
                                     user-scalable=no">四、响应式图像
<img src="..." class="img-responsive" alt="响应式图像">五、全局显示、排版和链接scaffolding.less六、避免跨浏览器的不一致Normalize.css

七、容器

<div class="container">
  ...
</div>
kendo-UI
时间: 2024-08-07 04:30:56

移动设备web端开发笔记的相关文章

web前端开发笔记(2)

web前端开发笔记(1) 一.HTML标签书写有哪些规范? 页面编码. 文档声明. 关键字与描述. 行内元素不能包含块级元素. a标签不能嵌套a标签. 标签名和属性必须用小写字母书写,属性必须加引号,标签必须闭合,单标签页必须闭合. 页面中不要用 进行缩进,如需缩进,用css控制. html标签使用必须语义化. 要为img标签填写alt和title属性. 二.HTML静态页面出现中文乱码如何解决? 引入<meta charset="UTF-8"> 三.通常情况下块属性标签和

Web前端开发笔记整理

web前端开发笔记: 1.web前端之html_day1 2.web前端之html_day2 3.web前端之css_day1

基于Spring框架的Web应用开发笔记 - incomplete

Motivation 最近的工作涉及Web框架搭建,在了解公司原有采用框架基础上对Web开发技术栈做了一次升级,在次做记录. Audience J2EE Web Application Developer, Spring user, Scope 快速应用开发.Web层+安全.持久层 Progress 2015/6/14 init Outline 1 用Spring Boot快速开发应用 2 Spring的Web框架和Security横切面 3 Spring Data:通用数据持久化解决方案 Co

移动端开发笔记-微信

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

Web —— java web 项目开发 笔记

1.tomcat 配置虚拟路径:Tomcat下配置虚拟路径管理web项目 发布路径配置( 即虚拟目录配置 )  配置虚拟路径的4种方法 2.

百度LBS地图的Web端开发实战

百度地图API以开放形式提供给开发者,完全免费,可以直接使用,无需商业授权. 这次教程我们主要讲解百度地图的地图展示.本地检索.逆/地理编码.覆盖物.城市列表等关键功能. 0.效果图展示 介绍一下: 点击地理位置的tab展示百度地图,如果店铺设置了地理位置,那么直接定位:否则,通过IP进行默认地址定位(这一点有待改善,我处在洛阳,但根据IP定位到了郑州). 通过城市列表和本地检索,可以直接定位到想要的地址,找到坐标后,会在地图上有一个红色位置的marker. 右键marker,可以进行ajax请

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

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

服务端开发笔记二:基于pomelo的分布式手游架构

经过了一个周的时间,新项目的基本结构已经大体确定,拿来给大家分享. 一 基础概念 在说明手游服务器架构之前,一下几点须知. 1 我们的服务器集群分为前端服务器和后端服务器. 前端服务器:负责接收前端请求,实际上只有两个gate和connector: 后端服务器:负责后端服务器相互调用,如auth,area: 虽然在我们写路由的时间直接写的是area中handler下文件中的方法, 但是这是通过connector间接调用的,不要认为area是前端服务器. 2 对于每个单独的服务器,一般由三个可选的

移动端开发笔记

##1##1.去除android a/button/input标签被点击时产生的边框 2.去除ios a标签被点击时产生的半透明灰色背景 1 a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}