viewport简介

【viewport简介】的更多相关文章

Viewport的用处:手机拥有了浏览器的初期,人们并没有专门为移动设备设计页面,造成的直接结果就是,访问的页面是直接将电脑页面进行缩放,操作起来有诸多不便,viewport就是用来解决这个问题的 1.viewport的概念:移动设备上,用来显示网页的区域. 如果把移动设备的浏览器(也有可能是app中的webview) ,当做相框的话 viewport就相当于相框中的画,可能会比相框小,可能会比相框大,如果刚好一样大,那就皆大欢喜. 2.修改viewport:我们可以通过meta标签去修改vie…

移动前端第一弹：viewport详解

前言这次想聊聊移动开发相关的事.是的,你没有看错,一句话就可以开始你的移动前端开发. 你心里一定在想,什么话这么酷,能够瞬间带入到移动前端开发的世界. 但其实它一点也不新奇,不复杂. viewport简介没错,就是viewport特性,一个移动专属的Meta值,用于定义视口的各种行为. 该特性最先由Apple引入,用于解决移动端的页面展示问题,后续被越来越多的厂商跟进. 举个简单的例子来讲为什么会需要它: 我们知道用户大规模使用手机等移动设备来进行网页浏览器,其实得益于智能手持设备的兴起,也…

jquery简介和实例

一.简介定义 jQuery创始人是美国John Resig,是优秀的Javascript框架: jQuery是一个轻量级.快速简洁的javaScript库. 参考:http://www.php100.com/manual/jquery/ jQuery对象 jQuery产生的对象时jQuery独有的,只能自己调用书写规则支持链式操作: 在变量前加"$"符号(var $variable = jQuery 对象): 注:此规定并不是强制要求. 二.寻找元素 1.选择器 1.1 基本选择…

jQuery Mobile_公司简介

<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-width=1.0,maximum-width=1.0,user-scalable=no"/> <title>无标题文档</title> <…

移动终端学习1:css3 Media Queries简介

移动终端学习之1:css3 Media Queries简介 1.简介这篇文章写的不错,我就不重复了,来个链接:http://www.w3cplus.com/content/css3-media-queries 2.页面中引入媒体类型方法也有多种: 1.link方法引入 <link rel="stylesheet" type="text/css" href="../css/print.css" media="screen an…

移动终端学习一:css3 Media Queries简介

移动终端学习之一 css3 Media Queries简介 1.简介别人写过的我就不重复了,来个链接:http://www.w3cplus.com/content/css3-media-queries 2.页面中引入媒体类型方法也有多种: 1.link方法引入 <link rel="stylesheet" type="text/css" href="../css/print.css" media="screen and (m…

转: 关于viewport的理解

最近我做了一点儿针对手机的Web开发和相关研究.按说,Web自设计之初,就已经考虑了设备无关性.然而,现实总是不尽如人意. 我们知道大多数网页都是针对桌面显示器开发和测试的,但是手机屏幕通常要比桌面显示器小很多,比如iPhone也就是320px.那么那些网页在手机上如何浏览呢? 一种是把网页缩放到很小,你可以看到整个网页但是看不清字了:或者只看网页的一个局部,然后上下左右移动来看其他部分.现在的手机浏览器把两种模式结合使用.(或许还有第三种——分析网页,将其中内容抽取出来,重组,然后呈现,不过这…

Bootstrap3 栅格系统-简介

Bootstrap 提供了一套响应式.移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列.它包含了易于使用的预定义类,还有强大的mixin 用于生成更具语义的布局. 简介栅格系统用于通过一系列的行(row)与列(column)的组合来创建页面布局,你的内容就可以放入这些创建好的布局中.下面就介绍一下 Bootstrap 栅格系统的工作原理: "行(row)"必须包含在 .container (固定宽度)或 .container-flui…

rem 原理与简介

一.rem 原理与简介字体单位: 值根据 html 根元素大小而定,同样可以作为宽度,高度等单位适配原理: 将 px 替换为 rem,动态修改 HTML 根元素的 font-size 适配兼容性: Ios 6 以上和 Android 2.1 以上,基本覆盖所有流行的手机系统 // 移动 web 独有的 viewport 标签 // initial-scale 初始缩放 // user-scaleable 用户是否可缩放 <meta name="viewpo…

Bootstrap学习（一）：Bootstrap简介

一.Bootstrap简介 Bootstrap,来自 Twitter,是目前最受欢迎的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷. 详细的来说,Bootstrap是一个简单.灵活的,可用于搭建简洁漂亮WEB页面的HTML,CSS,JAVASCRIPT的工具集.BootStrap基于HTML5 和 CSS3,具有漂亮的设计,友好的学习曲线,卓越的兼容性,还有12列的响应式栅格结构,丰富的组件等等.简单的说,Bootstr…