随记

原创 2015年11月21日 12:55:46
<html>
	<head>
	</head>
	<body>
		<div class="clearfix" style="width:800px;height:568px;background:red;text-align:center">
			测试测试测试测试测试测试测试测试   800*558
		</div>
	</body>
</html>


效果如下:




可以看到这不是我们想要的结果,由于默认的布局viewport 980px ,visual viewport 320px,导致我们的页面会先在

布局viewport渲染,在缩放到visual viewport


在看下面的代码

<html>
	<head>
		<meta name="viewport" content="width=device-width"/>
	</head>
	<body>
		<div  style="width:320px;height:568px;background:red;text-align:center">
			测试测试测试测试测试测试测试测试   320*558
		</div>
	</body>
</html>


效果如下:


再看下面这种情况

<html>
	<head>
		<meta name="viewport" content="width=device-width"/>
	</head>
	<body>
		<div  style="width:800px;height:568px;background:red;text-align:center">
			测试测试测试测试测试测试测试测试   800*558
		</div>
	</body>
</html>



解决方式:不让度量viewport缩放

<html>
	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
	</head>
	<body>
		<div  style="width:800px;height:568px;background:red;text-align:center">
			测试测试测试测试测试测试测试测试   800*558
		</div>
	</body>
</html>


一周随记

来到UCL,正式开课第二周了吧,交换生活已经过去了不少了。随便说说这周吧。 前几天想起了自己买的那个域名,然后才想起来自己自从买了就没了下文,我也不知道要怎么办了。今天试了下,万网的域名解析,要是直接...
  • t9410
  • t9410
  • 2015年10月17日 07:25
  • 238

3月份总结(随记)

今天早上看见了一句美丽的英语:you are the first ray of my every dawn.(你是我清晨的第一缕阳光)。烟大的春天很美丽,三元湖畔的白玉兰花开了,才猛然发现那是一棵美丽...
  • yantaidaxuecjj
  • yantaidaxuecjj
  • 2015年03月30日 16:35
  • 848

免费且快速地搭建个人网站

域名是怎么来的 这里我们先选择第二个,BAT中的A。 输入你想注册的域名,查询这个域名是否被别人注册了。 Tips: 我的域名是goileo.top,为了演示注册过程,显示未...
  • qq_21918903
  • qq_21918903
  • 2018年02月06日 11:20
  • 75

随记

>alter session set events 'immediate trace name buffers level 10'; >select value from v$diag_info w...
  • u011209497
  • u011209497
  • 2013年08月26日 22:59
  • 356

随记。。。。。。。。。。。。。。。

http://www.ccvita.com/255.html www.coolshell.cn http://www.blags.org/ http://www.ruanyifeng.com ...
  • czd327917086
  • czd327917086
  • 2012年02月01日 17:36
  • 467

【随记】

第一次写博客,学习需要记录。熟悉一下格式和流程。
  • hgl674272005
  • hgl674272005
  • 2016年08月08日 00:51
  • 144

使用Hugo搭建自己的博客(github)

使用hugo搭建博客网上有很多例子!就不多说了,推荐一个网址http://www.gohugo.org Hugo中文文档 里面说的很清楚了 照着来一遍就ok了! 主要记录一下本人在搭建过程中遇到...
  • zg_sky
  • zg_sky
  • 2016年11月26日 15:22
  • 166

STL 随记

今天无意翻起以前买的stl源码解析 线性的结构 vector 内存在一起,所以当超过容量的时候,vector会进行一次很大的调整,这个也是影响性能的原因之一,同时在前面插入元素,也是vec...
  • fx397993401
  • fx397993401
  • 2012年12月10日 23:07
  • 378

正则表达式,随记

总结一下正则表达式,方便以后查看 正则表达式=原字符+[元字符]+[模式修正字符]。最简单的正则表达式就是只有一个原字符组成。 原字符是,字母和数字字符即(a-z,A-Z,0-9)。 元字符:(...
  • linmars24
  • linmars24
  • 2012年07月15日 15:08
  • 401

vim 随记

命令模式   三种命令模式 vim的三种命令模式: 命令模式:用于输入命令,简单更改插入模式:用于插入文本,修改文本末行模式:用于输入命令,视化操作,查找替换等 三种模式之间的切换方式:...
  • kz_ang
  • kz_ang
  • 2012年09月14日 13:21
  • 463
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:随记
举报原因:
原因补充:

(最多只允许输入30个字)