Html
关注
分享
扫一扫
转角遇到我得爱
敲代码已成为一种乐趣！
展开
-
HTML发送邮件链接
大家点击我的博客主页详细资料里的邮箱就可以给我发邮件了，那么这个效果是怎么实现的呢？ 1. 简单的链接 效果：给我发邮件 代码：<a href="Mailto:ghsau@163.com">给我发邮件</a> 这样会调启系统默认的邮件程序发送给ghsau@163.com，并且收件人那里已经填上了我邮箱的地址。 2. 复转载 2015-08-31 16:17:16 · 1872 阅读 · 0 评论 -
页面加载进度条原理
<!DOCTYPE html><html><head> <title>DEMO</title> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial转载 2016-01-29 14:39:49 · 1837 阅读 · 0 评论 -
web移动端常见问题总结
Meta标签：<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> 这个想必大家都知道，当页面在手机上显示时，增加这个meta可以使页面强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大转载 2016-01-27 14:03:44 · 1164 阅读 · 0 评论 -
移动平台对 META 标签的定义
下面介绍一些有关标记的例子及解释。一、meta 标签分两大部分：HTTP 标题信息（http-equiv）和页面描述信息（name）。1、http-equiv 属性的 Content-Type 值（显示字符集的设定）说明：设定页面使用的字符集，用以说明主页制作所使用的文字语言，浏览器会根据此来调用相应的字符集显示 page 内容。用法：1<meta http-equiv="Content-Type转载 2015-12-08 17:33:37 · 362 阅读 · 0 评论 -
安卓微信浏览器加border-radius出现模糊(锯齿)
<!DOCTYPE html><html lang="zh-CN"><head> <title>border-radius出现模糊(锯齿)</title> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" conten原创 2015-12-08 11:11:11 · 6513 阅读 · 0 评论 -
-webkit-text-size-adjust: none;
-webkit-text-size-adjust: none;在中文版Chrome里面，网页CSS里所有小于12px的字体设置都无效，最终将显示12px。这样弄的本意可能是好的，因为中文一旦小于12px，就变得不易阅读。但中文版Chrome也会阅读英文网站啊！中文网页里面也会有英文的小字体设置需求啊！尤其是一些文字部份的设计，不小实在不好看，影响整个排版的美观。解决方案，添加一个私有属性到htm转载 2015-12-03 20:30:15 · 1829 阅读 · 0 评论 -
js倒计时
<!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"><head> <meta http-equiv="Conten原创 2015-12-01 15:30:24 · 320 阅读 · 0 评论 -
如何设置css3中placeholder的字体颜色
1、因为每个浏览器的CSS选择器都有所差异，所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。 ::-webkit-input-placeholder { /* WebKit browsers */ color:#999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#99翻译 2015-11-26 10:03:17 · 1580 阅读 · 0 评论 -
移动WEB前端开发资源整合
meta篇1.视窗宽度<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>其中 width=device-width 是设置视窗宽度为设备视窗宽度，还可以固定宽度，例如： width=640 则是640p转载 2015-12-13 21:04:53 · 303 阅读 · 0 评论 -
移动webapp页面适配方案
Viewport(视口)概念In web browsers, the viewport is the visible portion of the entire document.移动端浏览器在一个通常比屏幕更宽的虚拟”窗口“（视口）中渲染页面，从而无需将所有页面都压缩进小屏幕里（那样会把很多没有针对移动端进行优化的站点打乱）。用户可以通过平移和缩放来浏览页面的不同区域。 大部分的移动端浏览器转载 2015-09-30 17:42:39 · 518 阅读 · 0 评论 -
webstorm窗口去掉竖线
right margin值大于电脑屏幕就可以翻译 2015-09-07 20:54:51 · 6779 阅读 · 2 评论 -
CSS3实现翻转(Flip)效果
<!DOCTYPE html><html lang="en"><head> <title>DL Mobile</title> <meta content="width=device-width,initial-scale=1,maximum-scale=1.0,user-scalable=no" name="viewport"> <meta content="teleph原创 2016-03-13 11:08:07 · 4724 阅读 · 1 评论