polly760-CSDN博客

转载 html5手机网站需要加的那些meta/link标签，html5 meta全解

文章同步我的另外的博客：http://17dev.sinaapp.com/html5_meta_link_quan_jie_du.html html5 meta全解一、大众机型常用meta标签name的设置1、name之viewport<meta name="vi...

2019-05-31 10:05:15 285

转载转载一篇关于移动端web常见问题解决方案

出处：http://www.cnblogs.com/PeunZh...（中间很多问题都遇到过。）还有些文章页不错：http://note.rpsh.net/posts/20...https://github.com/AlloyTeam/...全文如下：2013年底接触移动端，简单做下总结，首先了解下移动web带来的问题设备更新换代快——低端机遗留下问题、高端机带来新挑战

2017-04-05 15:27:33 783

转载移动端常见问题及解决方案

移动端常见问题及解决方案转载来源：益享天开 >> 手机移动端web前端常见问题整理一、meta基础知识H5页面窗口自动调整到设备宽度，并禁止用户缩放页面meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-s

2017-04-05 15:22:14 994

原创 input表单的监听事件

最常见事件：onfocus（聚焦事件），onblur(失焦事件)，onchange（元素改变事件），onsubmit（提交事件）,onselect（选中元素事件）========》属于直接绑定事件键盘事件：onkeydown（按下按键事件）、onkeypress（按下按键并松开事件）、onkeyup（松开按键事件）其中键盘（onkeypress、onkeyup

2017-03-28 10:46:24 2267

原创图片在块级元素中（宽高可变）垂直居中

当块级元素随着设备屏幕等比防缩的时候图片垂直居中的css方法：让iconImg垂直居中于scaleImg(自适应宽高); li> span class="coverLayer">span> img src="images/index/bottom1.jpg " class="scaleImg" alt=""/> div class="iconDiv

2017-03-27 20:10:01 1355

原创整个网页进行等比放缩的方法（Rem)

之前一个项目要求,在设备屏幕宽大于1200px时，除了大的banner图按照100%比例设置的可以进行等比放缩，文字图片等大小不变（当时设计稿宽是1920px）；当时的做法是首先设置了rem和px的比例：html{font-size:625%}//16px*625%=100px;其余的除了最外层宽用100%设置的外其他的全部用rem然后判断当屏幕宽为1250时，按照屏幕大小

2017-03-27 19:45:29 1555

原创清除浮动

1、结尾处加空div标签 clear:both .clearfloat{clear:both} Left Right 添加一个空div，利用css提高的clear:both清除浮动，让父级div能自动获取到高度 2、父级div定义 overflow:hidden 3、父级div定义伪类:after

2017-03-27 19:21:10 296

原创选中复选框单选框提高用户体验

label 元素不会呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。标签通过for 属性绑定相关元素的 id ，以此触发相关元素。div class="xuan-group"> input type="checkbox" id="purchase_detail_log1" name="product_danpinda

2017-03-27 19:05:09 390

原创 input表单属性的小bug

第一个：type="tel"输入电话号码的时候在iOS手机上可以输入汉字，正则无效，解决方案是将tel改成text用正则控制，只是又出现了新的小bug，键盘可以切换至文本输入框第二个：type="number"在手机端和pc端输入金额的时候可以输入多个小数点，10.000.00.00，正则无效解决方案是将number换成text然后用正则来控制，div class="billi

2017-03-23 20:41:40 577

原创 meta标签里面的几大必不可少的设置

第一点：字符串的解析方式meta http-equiv="content-type" content="text/html;charset=utf-8" />第二点：title，尽量放在meta其他标签之前，有利于搜索引擎抓取title>走进XX-XXXXX官网title>第三点：keywords,关键字之间用空格或者英文逗号隔开，

2017-03-23 20:28:54 683

原创 favicon.ico在IE浏览器显示问题

收藏显示图标：link rel="bookmark" type="image/x-icon" href="favicon.ico"/>浏览器上显示图标：link rel="shortcut icon" href="favicon.ico" type="image/x-icon">刚开始把favicon.ico放在了images上在火狐和IE 搜狐都不

2017-03-23 19:54:59 2087

polly_Mrsyang的博客