Jxx Blog

Jxx Blog

Placeholder垂直居中

PC端-（Chrome浏览器）设置input的font-size值大于placeholder的font-size值 input.test { display: block; padding: 6px 0; width: 100%; height: 44px; font-size: 32px; color: #333; ...

Posted by Jxx on April 18, 2016

respond.js

IE8响应式兼容之respond.js的用法及使用时注意事项

Respond.js 是一个快速、轻量的 polyfill，用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width特性，实现响应式网页设计（Responsive Web Design）。用法注意事项需要启动本地服务器（localhost），不能使用普通本地的url地址（file:/...

Posted by Jxx on April 10, 2016

html

HTML的一些语法规范

1. 标题前的小图标 <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" /> 注：W3C官网的写法： <link rel="icon" type="image/png" sizes="16x16" href="images/w3_16x16.png"> <link ...

Posted by Jxx on April 7, 2016

css

webapp越来越多的是以SPA(single page application)的模式进行开发

1. 禁止用户选择文本，ios和android都支持 -webkit-user-select:none 2. em 设置body或者html的font-size:62.5% 则将1em = 16px转化为1em = 10px 3. rem 设置html的font-size:62.5%(给body设置没用) 则将1rem = 16px转化成1rem = 10px; 兼容：Mozil...

Posted by Jxx on April 5, 2016

Welcome to Jxx Blog

"Hello World, Hello Blog"

“This is a memorable day.” 前言 Jxx 的 Blog 就这么开通了。持续更新中…

Posted by Jxx on April 1, 2016