当前位置:首 页>> 百 宝 箱

手机浏览器默认放大显示网页的问题

  今儿加班赶个活,临时弄个演示页面,需要嵌入到安卓手机APP里使用,然后又遇到之前就遇到的一个历史遗留问题,关于页面宽度自适应手机屏幕这个纠结的事情,自适应是OK的,但是,手机浏览器非要自作多情的把页面放大一点显示,导致网页上部分元素显示不正常,或者和PC浏览器上差异过大。以前遇到的时候,也就是折腾个大概,看起来差不多就行了,没有仔细去深究一下HTML相关控制代码,这次是有空,就彻底好好搜索一下,看有没有啥好办法能一劳永逸,唉,搜出的中文结果,基本是一大抄,你抄我的,我复制你的,你粘贴他的,测试了一圈,还是老样子。后来没招,看英文的HTML说明文档吧,然后又发现个参数,测试后发现有效,不敢独享,特发文纪念。
首先要做的,你的网页最开头,HTML5的页面头声明是必需的,老版本的HTML没有测试。
<!DOCTYPE HTML>
<html>
或者使用Mobile页面头声明:
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

W3C 宣布 HTML5 规范正式定稿

  今天万维网联盟(W3C)正式宣布凝结了大量网络工作者心血历时三年的HTML5规范已经正式定稿。根据W3C的发言稿称:“HTML5是开放的Web网 络平台的奠基石。”这种跨平台的网页程序环境通常被称之为“Web标准”的保护伞。HTML5以及JavaScript和CSS相关技术能够能够让开发者 在任何设备上都运行开发丰富的网页应用,并且会有越来越多的企业加入到HTML5的大平台上来。 HTML5 规范正式定稿   尽管这个HTML5规范已经完成,但是这并不意味着我们的日常网络环境马上就会产生翻天覆地的变化。我们依然还有很多事情需要准备,预计将会在2014年完成HTML5网络环境的整体部署,还有目前还不清楚有多少企业会将自己的视频系统升级到HTML5,同时目前也没有一个明确的方案来完善部署目前的网络环境。

jQuery 初步小应用

  断断续续的研究了一阵jQuery了,看得头晕脑胀啊,就是一个JS盲,不管如何,总要动动手,正好要给HDC折腾一个蜘蛛侠的Theme,就练练手吧。
  Theme很简单,就是页面头部加点东西,一张背景图,上面再配个蜘蛛侠的图片,配合jQuery让蜘蛛侠动一动。设想:页面一打开,蜘蛛侠大图,浮动的,默认显示,鼠标移动到大图上,显示单击提示,鼠标单击后,蜘蛛侠大图缩小;当鼠标再次移动到蜘蛛侠图片上,会再出现一个双击提示,双击后,蜘蛛侠会先变大然后再缩小到第一次缩小的位置和大小。但是两次提示,都只显示一次。
jQuery 初步小应用

jQuery plugin : Adipoli 图片鼠标悬停特效

  Adipoli 是一个简单的 jQuery plugin,可以给图片定义鼠标悬停时的效果。通过设置 startEffect 和 hoverEffect 参数,组合你喜欢的效果。
  点击下面图片查看插件演示。jQuery plugin : Adipoli 图片鼠标悬停特效

jquery_adipoli_plugin.zip
2.22MB

jQuery UnoSilder:内容切换展示

  再介绍一个内容切换的插件:UnoSilder ,这是一个 jQuery 插件,用它,你可以打造简单不失优雅,且又多功能的内容切换效果。如果你需要这种内容切换效果的时候,它就非常有用了,你可以定义你自己的新闻提示和Tab标签,需要切换的内容,可以是文字,也可以是图片,也可以是视频等等。具体效果可以点击下面图片查看。其丰富的功能和设置选项,按需配置,一切随你。jQuery UnoSilder:内容切换展示

nuoSlider_demo.zip
394.46KB

订阅Rss

人到穷途应一笑,几凡失意仍能傲。成败何须问江湖,我心依旧任逍遥。
这一生只想好好做个平凡的人,有个家有个梦,陪我迎接每一个早晨。
这一生只想好好做个平凡的人,何必争何必问,只有快乐开心才是真。