伟大的路人 的博客

Media Queries 就是要在支援 CSS3 的瀏覽器中才能正常工作，IE8 以下不支援。而 Media Queries 的套用方法千變萬化，要套用在什麼樣的裝置中，都可以自己來定義。 ## 關於 Media Queries到底什麼是 Media Queries ？一般我們在開發 HTML + CSS 網頁中，都會有一份 CSS 來控制網頁的樣式表。而隨著各式各樣不同大小、長寬與解析

CSS2/media在CSS2中可以使用media属性可以使特定style只在指定媒体类型下其作用,比如页面有些部分需要在打印的时候隐藏或者变大，这时候可以使用media使某些style只在打印的时候生效@media print { /* 适用于印刷的样式 */ }常用的媒体类型有all（所有），适用于所有设备。handheld（手持），用于

隐藏字符串超出部分不可见，强制不换行时要在套着他的div(父级idv)上加上这个以免页面错位div{overflow:hidden;}强制不换行div{white-space:nowrap;}自动换行div{word-wrap: break-word;word-break: normal;}强制英文单词断行div{word-bre

1.水平垂直居中 代码如下：这种方式的好处就是不需要知道父容器与本身的大小,自适应居中 (还有其它方式可以实现,微调即可,这里只提供常用的)

icon font 字体图标库的问题作为前端自定义字体图标库相信大部分人已经使用过了，列举下面一些个问题自定义图标的时候尺寸控制导出的图标在其他浏览器上面的尺寸不同尺寸在倒入的时候自行控制，这个就不必多说了，耐心操作主要说快速处理导出的时候在其他浏览器上面的问题先说明一下当前的问题场景，入下图所示 chrome浏览器与主流的高级浏览器基本都是支持的，不存

在macOS的浏览器上使用灰阶渲染字体，修复字体过粗的问题 原创 2016年12月07日 18:40:50 标签：浏览器 /字体 /macOS /灰阶渲染 /亚像素渲染 485 原视频地址：http://www.imooc.com/video/11742 听记理想的字体其边缘的过渡是非常平滑的，但是在屏幕上显示的时候需要将字体栅格化为一个个像素点，采用黑白像素点渲染，无法体现字体的细节之...