网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放。 width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允...
分类:
移动开发 时间:
2014-07-12 08:50:04
阅读次数:
263
网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放。 width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允...
分类:
移动开发 时间:
2014-07-12 08:05:46
阅读次数:
368
网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放。 width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允...
分类:
移动开发 时间:
2014-07-12 08:04:34
阅读次数:
328
在用region时有时候会出错,于是自己测试了下代码:Ext.onReady(function(){ var viewport = new Ext.Viewport({ layout:'border', //html: '第二步,一共4步', items...
分类:
其他好文 时间:
2014-07-11 21:30:59
阅读次数:
226
目前比较主流的移动设备系统包括Android,IOS,Symbian,BlackBerry与WebOS。这些系统浏览器都是基于webkit核心,而webkit号称是一款全功能的移动浏览器,支持HTML+CSS+JavaScript,但由于移动设备本身与PC的差异,导致我们开发的网页在移动设备上总是会存在一些不如人意的地方..
分类:
移动开发 时间:
2014-07-09 08:35:32
阅读次数:
283
1、meta标签大多数移动浏览器将HTML页面放大为宽的视图(viewport)以符合屏幕分辨率。你可以使用视图的meta标签来进行重置。下面的视图标签告诉浏览器,使用设备的宽度作为视图宽度并禁止初始的缩放。在标签里加入这个meta标签IE8或者更早的浏览器并不支持Media Query。你可以使用...
分类:
Web程序 时间:
2014-07-07 12:12:20
阅读次数:
190
随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行,移动互联应用开发也越来越受到人们的重视,用html5开发移动应用是最好的选择。然而,每一款手机有不同的分辨率,不同屏幕大小,如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢?学习html5 viewport的...
分类:
Web程序 时间:
2014-07-07 11:17:23
阅读次数:
226
随着智能手机的流行,响应式网页设计无疑成为了如今网页设计的大趋势。对于新手来时,响应设计听起来有点复杂,但它实际上是比你想象的更简单。只需下面的3个步骤即可构建一个响应式的网页!1.Meta Tag大多数移动浏览器扩展的HTML页面到宽视口宽度,以便在屏幕上适合。您可以使用viewport meta...
分类:
其他好文 时间:
2014-07-07 00:13:08
阅读次数:
245
最近我做了一点儿针对手机的Web开发和相关研究。按说,Web自设计之初,就已经考虑了设备无关性。然而,现实总是不尽如人意。我们知道大多数网页都是针对桌面显示器开发和测试的,但是手机屏幕通常要比桌面显示器小很多,比如iPhone也就是320px。那么那些网页在手机上如何浏览呢?一种是把网页缩放到很小,...
分类:
其他好文 时间:
2014-07-06 23:28:11
阅读次数:
248
Border布局:
Ext.onReady(function(){
Ext.QuickTips.init();
Ext.create('Ext.container.Viewport', { //一般是渲染到viewport中
title: "table布局的面板",
layout:'border',
default...
分类:
Web程序 时间:
2014-07-02 15:25:24
阅读次数:
276