博客首页 → viewport

最新文章列表

用 Media Queries 设计移动网页端

今天来通过Media Queries样式模块，可以实现根据移动设备的屏幕大小，定制网站页面的不同布局效果。它的优点是开发者只需要实现一套页面，就能够在所有平台的浏览器下访问网站的不同效果。 用 viewport 设置适应移动设备屏幕大小 1．什么是 viewport Apple 为了解决移动版 Safari 的屏幕分辨率大小问题，专门定义了 viewport 虚拟窗口。它的主要作用是允许开 ...
cssMedia Queriesviewport 
王之子 评论(0) 有400人浏览 2016-05-31 14:48

关于viewport的几个width

       直接进入主题 1.viewport尺寸：浏览器窗口尺寸。 document.documentElement.clientWidth/Height；随浏览器大小变化而变化，但宽度不包含滚动条宽度。  2.浏览器内部尺寸。 window.innerWidth/Height；随浏览器大小变化而变化，宽度包含滚动条宽度。  3.用户屏幕尺寸。 screen.width/hei ...
viewportlayoutviewportvisualviewportscreenX/Yclient.pageX/Y 
好好学习-天天向上 评论(0) 有592人浏览 2015-12-07 15:31

meta viewpoint标签

  知识预备：设备像素和css像素，区别简单一句话就是设备像素可变，css像素在不同的平台和浏览器下是不同的。      通过使用viewports标签。浏览器在移动设备的显示可以被预先定义，诸如宽度、高度、放缩比率的参数可以通过预先制定加载，这对响应式网站在移动设备上的显示有非常大的帮助。 一般用法     <meta name="viewports" content ...
viewport 
brucechen 评论(0) 有1760人浏览 2014-04-29 22:29

使用 Ext.container.Viewport结合表格布局

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&quo ...
ExtjsViewport 
tesia 评论(0) 有574人浏览 2013-06-28 13:55

flex4 添加滚动条

方法- <s:Scroller width="100%" height="450" id="scroller"  visible="true" horizontalScrollPolicy="off" verticalScrollPolicy="auto" > < ...
flex4flexscrollerviewport滚动条 
zx_code 评论(0) 有2856人浏览 2013-06-28 12:05

手机屏幕分辨率和浏览器分辨率

    在使用CSS3的中有如下类似代码 @media screen and (max-width:480px)｛ …… ｝       意思是在最大宽度为480px的设备上应用{}里面的样式。这里的width ...
手机WEBviewportmediaCSS3 
accphc 评论(0) 有9371人浏览 2013-05-16 16:34

【转载】EXTJS布局示例（panel，Viewport，TabPanel）

原文网址：http://www.cnblogs.com/johan/archive/2011/04/11/1947982.html 面板控件panel应用         new Ext.Panel({ title:'面板头部（header）',             tbar : ['顶端工具栏(top toolbars)'],             bbar ...
extpanelViewportTabPanel 
lhy2012 评论(0) 有1852人浏览 2013-02-05 16:30

初识meta的viewport

      设置viewport：   <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>   width     --------- ...
metaviewport 
zhangyaochun 评论(0) 有1619人浏览 2013-01-16 12:01

Android 让手机更好的显示网页中的内容

    在移动开发中，常常需要使用手机浏览网页内容，如何让手机更好的显示网页中的内容呢，看看下面代码： <html> <head> <title>Hello world!</title> <meta http-equiv="Content-Type" content="text/html; c ...
Android显示网页内容viewport 
wangleyiang 评论(0) 有1203人浏览 2012-11-29 16:31

分享5个viewport相关的jQuery插件

日期：2012-11-16  来源：GBin1.com 在web和网站开发中我们常常需要处理viewport相关的功能，在前面的文章中我们曾经介绍过javascript响应式视图（viewport）切换工具类库 ，今天这里我们再介绍5个和viewport相关的jQuery插件 ，希望大家喜欢！ Viewport Selectors for jQuery 这个简单的jQuery插件 ...
jQueryjquery插件viewport 
tyygming 评论(0) 有892人浏览 2012-11-16 10:22

尽量不要使用Ext.apply、Ext.override重写Ext组件函数

1、尽量不要使用Ext.apply、Ext.override重写Ext组件函数，实在避免不了这样的写法，需要在统一的位置管理起来，方便以后代码维护； 2、尽量使用extend的方式继承扩展组件，这样的写的好处在于能将组件的功能扩展影响局限在单个组件内部，而不影响到父类组件； 3、尽量避免过度的Ext面板的嵌套定义，过度定义会导致多层深度的嵌套HTMLElement创建，以致严重影响了初始化时 ...
ExtJSapplyextendViewPort 
tongxt1986 评论(0) 有3604人浏览 2012-05-29 14:16

Mobile Web开发基础之一————viewport标签

      再挖一个坑 ，canvas的游戏开发基础暂时没时间弄了，等过一段时间闲下来了做一下。工作需要，补上一系列Mobile Web 开发的基础知识总结与相关文章的翻译。本系列针对传统的桌面浏览Web前端开发者。         我们先来一个基础的HTML5的网页框架，如下 <!Doctype html> <html> <head> ...
viewporthtml5mobile webjavascriptcss3 
blessdyb 评论(0) 有4184人浏览 2012-05-17 20:04

解决position:fixed;在android webkit 不起作用的问题

解决position:fixed;在android webkit 不起作用的问题：   加入如下标记 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" ...
viewportwebkit 
wanghailiang333 评论(0) 有6092人浏览 2012-03-08 10:26

最近博客热门TAG

Java(141747) C(73651) C++(68608) SQL(64571) C#(59609) XML(59133) HTML(59043) JavaScript(54918) .net(54785) Web(54513) 工作(54116) Linux(50906) Oracle(49876) 应用服务器(43288) Spring(40812) 编程(39454) Windows(39381) JSP(37542) MySQL(37268) 数据结构(36423)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics