这段代码什么意思: @media only screen and (max-width: 1360px)  当用户的界面小于等于1360px的时候, 会加载该流媒体样式(此时的界面是包含滚动条的): 在Chrome/26.0.1384.0 Safari/537.26或者更低版本中会有一个神奇的bug: 出现bug的必须条件为,1:界面有引用一个css文件,不管这个css文件是否存在: 2:流媒体查询的宽度 必须介于 -->>浏览器包含滚动条的可视区域 和 浏览器未包含滚动条的宽度 之间, 3:…

media type(媒体类型)是css 2中的一个非常有用的属性,通过media type我们可以对不同的设备指定特定的样式,从而实现更丰富的界面.media query(媒体查询)是对media type的一种增强,是CSS 3的重要内容之一.随着移动互联网的发展,media query开始得到大家的重视. media type 让我们先了解一下media type,其实这个大家会比较熟悉一点,我们通常会用到的media type会是all 和screen,然后是print,一些网站会专门通…

在国内IE8至少还占有20%的市场份额,所以在做网站时,必须得为这部分用户特殊兼容考虑. 一方面IE8上面很多css3定义的标签不能使用,另外一方面javascript的addEventListener不能使用,还有重要的一点就是media query不能使用. 幸运的是,国外respond.js为解决这个棘手的问题提供了比较好的思路,下面就探讨一二. 具体参考 http://mux.alimama.com/posts/686…

媒体查询(CSS3 media query) 一.逻辑操作符:not.and.only not:not操作符用来对一条媒体查询的结果取反. and:and操作符用来把多个媒体属性组合起来,合并到同一条媒体查询中.只有当美每个属性都为真时,媒体查询结果为真 only:only操作符 表示:仅在媒体查询匹配成功的情况下应用指定样式.可以通过它让选中的样式在老式的浏览器中不被应用 二:媒体属性 color :是否min/max前缀:是 颜色索引:color-index .是否min/max前缀:是 宽…

第一个问题 HUE 无法直接连接到 HBase 在默认配置下 CDH 6.0.1 版本下的 HBase2.0 使用了默认配置 hbase.regionserver.thrift.compact = True 也就是是被勾选的状态,但是 HUE 我找了半天发现无法配置 thift.compact 的启用.所以要使用 hue 来使用 HBase 2.0 就需要把这个 HBase 的参数置为 False hbase.regionserver.thrift.compact 是否使用Thrift TCom…

media type(媒体类型)是css 2中的一个非常有用的属性,通过media type我们可以对不同的设备指定特定的样式,从而实现更丰富的界面.media query(媒体查询)是对media type的一种增强,是CSS 3的重要内容之一.随着移动互联网的发展,media query开始得到大家的重视. media type 让我们先了解一下media type,其实这个大家会比较熟悉一点,我们通常会用到的media type会是all 和screen,然后是print,一些网站会专门通…

随着上网方式的多样化,用户选择上网的工具不再仅是PC,而可以是手机,或者平板电脑.随之而来的问题是如何让网页适应不同分辨率,这给前端工程师们带来了新的挑战,其中重要的一点是如何让图片能在不同的分辨率下都能给用户带来良好的用户体验? 方法概述 CSS3中的media query属性让我们可以根据浏览器的高宽,设备的像素比等来使用不同的CSS.当然它还一些别的用法,具体请参考这里. device-pixel-ratio是media query一查询条件,用于获得设备的像素比.一般来说iPhone4/…

参考博客:http://www.qianduan.net/media-type-and-media-query.html media type(媒体类型)是css 2中的一个非常有用的属性,通过media type我们可以对不同的设备指定特定的样式,从而实现更丰富的界面. media query(媒体查询)是对media type的一种增强,是CSS 3的重要内容之一. 随着移动互联网的发展,media query开始得到大家的重视. media type 让我们先了解一下media type,…

@media query 媒体查询 @media (min-width:768px)小屏 (>=) @media (min-width:992px)中屏 @media (min-width:1200px)大屏 (默认超小屏 小于768px) @media (max-width:1199px) 大屏(<=) @media (max-width:991px)中屏 @media (max-width:767px)小屏 box-sizing:border-box 可以设置带边框的盒子模型,设置的div…

一.引言: 在storm发布到0.9.x以后,配置storm将会变得简单很多,也就是只需要配置zookeeper和storm即可,而不再需要配置zeromq和jzmq,由于网上面的storm配置绝大部分都是0.9以前的storm版本,所以有很多工作是不需要进行的,下面就storm的0.9.5版本在linux环境下进行配置进行详细解析. 由于配置storm只需要两个步骤,大大简化了配置,也是storm团队做了很大的努力,让程序员们专注于程序,让storm配置进行异常简单,好了,废话说了不少,下面正…

系统环境:Fedora 13 + gcc-4.4.5 最近在看<linux内核0.11完全注释>一书,由于书中涉及汇编语言的地方众多,本人在大学时汇编语言学得一塌糊涂,所以实在看不下去了,头都大了只 好匆匆看了个头尾(前面几章和最后一章).看来即使有<九阴真经>这样的武功秘籍,内功不够也是修炼不出来神马来的.于是索性下了个0.11版本的 kernel下来尝试编译一把. linux-0.11.tar.gz 下载地址:ftp://ftp.kernel.org/pub/linux/ker…

最近在看<.如果Clobber/Modify 为空,则其前面的冒号(:)必须省略. 2.如果Output,Input,Clobber/Modify都为空,Output,Input之前的冒号(:)既可以省略,也可以不省略. 3.如果Input,Clobber/Modify为空,但Output不为空,Input前的冒号(:)既可以省略,也可以不省略. 4.如果后面的部分不为空,而前面的部分为空,则前面的冒号(:)都必须保留,否则无法说明不为空的部分究竟是第几部分. 每一个Input和Output表达…

一.安装前的准备工作 1.yum update    #更新系统 2.yum install gcc gcc-c++ autoconf automake cmake bison m4 libxml2 libxml2-devel libcurl-devel libjpeg-devel libpng-devel libicu-devel    #安装php.MySQL.Nngix所依赖的包 3.下载以下包   #我把所有源文件都下载在root目录,读者可自行修改源文件存放目录 3.1 libmcry…

项目地址:https://github.com/wz2cool/mybatis-dynamic-query 文档地址:https://wz2cool.gitbooks.io/mybatis-dynamic-query-zh-cn/content/ 博客文章:https://wz2cool.github.io/tags/Mybatis-Dynamic-Query/ 之前写过一个整合文章可以查考:Mybatis Dynamic Query 框架整合 增加特性 1. jdbcType 支持在inser…

centos下安装python3.7.0以上版本时报错ModuleNotFoundError: No module named '_ctypes'的解决办法 3.7版本需要一个新的包libffi-devel,安装此包之后再次进行编译安装即可. 1. #yum install libffi-devel -y 2. #make install 若在安装前移除了/usr/bin下python的文件链接依赖,此时yum无法正常使用,需要自己下载相关软件包安装, 1. #wget http://mirro…

# 69.0 之后的版本 ## 从Chrome 69.0 版本起,Flash权限受到进一步限制,默认仅在当前浏览器会话有效.关闭Enable Ephemeral Flash Permissions ,才能看到 “Add”按钮. 解决方法:修改用户配置   1.打开 chrome://flags/#enable-ephemeral-flash-permission   2.把他从 Default 改为 Disabled   3.重新打开Chrome,进入 chrome://settings/con…

一.安装前的准备工作 1.yum update    #更新系统 1.1)vi /etc/selinux/config #  禁止SELINUX,设置SELINUX=disabled 2.yum install gcc gcc-c++ autoconf automake cmake bison m4 libxml2 systemd-devel libxml2-devel libcurl-devel libjpeg-devel libpng-devel libicu-devel    #安装php…

Windows下部署ElasticSearch分ElasticSearch5.0以上版本(包括5.0)和ElasticSearch5.0以下版本两种情况,这两种安装方式有很大不同.今天首先说ElasticSearch5.0以下版本的情况 1.安装Java,这个对版本应该没有限制,最好是6以上. 2.配置Java环境变量,不仅仅是bin变量,还必须配置JAVA_HOME变量,不然仍然会提示找不到JAVA,ElasticSearch5.0以后版本不一定要配置. 3.下载ElasticSearch 4…

解决gpgraph4.02在php7.0显示空白框问题 Gpgraph类库强大的绘制图表的功能深受广大phper的喜爱,目前官方最新的版本是 jpgraph-4.0.2 ,适用于php5.0及7.0以上的版本.当我们安装gpgraph施展拳脚的时候,发现打开gpgraph的例子 的显示出来的就只是一个白色的方块,没有显示图表也没有任何提示信息.比如这样: 看了一下广官方网站也,也没有给出具体的方法.那我们只能自己摸索解决办法了. 其实方法很简单,几步就可以解决. 解决方案:   第一步:打开ph…

欢迎来到 2019年!在过去的9个月里, 我们一直在为ML.NET添加新的特征和改进相关功能.在提交1.0版本之前,我们将专注于包的整体稳定性并对API进行不断优化, 扩大测试的覆盖面并对开发文档进行改进.0.9 版本中包含多个修补程序以及对包的内部代码的重要清理. 安装 ML.NET 支持 Windows, MacOS, and Linux. 参见 .NET CORE 2.0支持版本的更多细节. 你可以使用CLI方式安装 ML.NET : dotnet add package Microsof…

Jason Grigsby发表了篇文章,<CSS Media Query for Mobile is Fool’s Gold>对媒体查询(media query)吐槽,大意是在移动设备上使用媒体查询会造成很多资源的浪费——浏览器请求到很多用不到的图片等资源,然后写了一些测试用例测试一些可用方法.然后Tim Kadlec写了篇<Media Query & Asset Downloading Results>,用js自动化的测试了Jason Grigsby的用例. 本文主要整理…

讲到响应式布局, 相信大家都有一定的了解,响应式布局是今年很流行的一个设计理念,随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果, 设计师提出了响应式布局的设计方案.今天就和大家来讲讲响应式布局这件小事,包含什么是响应式布局.响应式布局的优点和缺点以及响应式布局该怎么设计(通 过CSS3 Media Query实现响应布局). 一.什么是响应式布局? 响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端—…

虽然说响应式设计的理想状态是,需对pc/移动各种终端进行响应:但是现实是高分辨率的pc端与手机终端屏幕相差太大,像电商这样有大量图片和文字信息的同时排版要求精准的页面,设计一个同时适应高分辨率pc又适合小尺寸的手机终端是挑战 :同时高分辨率下pc页面信息量巨大,对于手机端用户是否需要,也许会造成带宽浪费;再者手机终端和pc终端的用户操作习惯也相差甚大,这种多图多信息量要求精准的页面,设计出来恐怕会是2个完全不同的版本,也许各自维护更方便.由于业务形态原因,随着用户分辨率的提高,1024x768已…

原文链接:http://www.moke8.com/article-5657-1.html 讲到响应式布局, 相信大家都有一定的了解,响应式布局是今年很流行的一个设计理念,随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果, 设计师提出了响应式布局的设计方案.今天就和大家来讲讲响应式布局这件小事,包含什么是响应式布局.响应式布局的优点和缺点以及响应式布局该怎么设计(通 过CSS3 Media Query实现响应布局). 一.什么是响应式布局? 响应式布局是Ethan…

viewport,视口,就是对用户的可见部分, 大小因设备而不同.H5引入. * 没有它: 整体缩放 ( 老网页是固定的大小,浏览器在手机上只是简单地缩放整个页面,所以用户体验很差) * 有了它: 浏览器会重新排版.而且, 屏幕大小就是Chrome仿真器提示的size. 所以, mobile页面必须要它 用户习惯: * 用户都习惯上下滚动网站,而不是横向滚动,因此,如果用户必须横向滚动或缩放页面才能阅读,那么这将给用户带来糟糕的体验. Best Practice: * 自适应设计的主要概念基础是…

一.大致操作步骤 环境介绍: OS:center OS6.5 mysql:5.6版本 1.关闭防火墙 查看防火墙状态:service iptables status 这样就意味着没有关闭. 运行以下命令关闭防火墙  service iptables stop,然后再次查看防火墙状态 运行这条命令,可以彻底关闭:chkconfig iptables off 运行:vi /etc/selinux/config 这个改成disabled 2.修改配置文件 more /etc/sysctl.conf 3…

Zabbix 5.0 LTS版本的安装小结   1:准备Zabbix的服务器. 这里可能需要一台或多台服务器,视需求和资源而定.也可以将Zabbix_Server.MySQL.Zabbix Web等安装在同一台服务器上. 这里我们打算安装在一台测试服务器上.操作系统版本为CentOS Linux release 8.2.2004 (Core). 环境要求 Zabbix 5.0 版本对基础环境的要求有大的变化,最大的就是对 php 版本的要求,最低要求 7.2.0 版本,对 php 扩展组件版本也…

在不同的浏览器宽度下使用不同的 CSS 声明,常见的方案是使用 media query,但这个方案不支持 IE9 以下浏览器. 国外比较流行的 UI 框架 bootstrap v3 版本中使用 media query 技术实现了栅格布局 ,但要兼容 IE8 的话,( IE6/7 没有中国占比那么高,所以不用兼容)需要引入 Respond.js 的方案. 该方案的原理分以下 4 步: 1.在样式 link 之后,载入 respond.js ,该脚本会获取在他之前出现的 link 节点到一个数组 2…

集群的模块介绍: 从MongoDB官方给的集群架构了解,整个集群主要有4个模块:Config Server.mongs. shard.replica set: Config Server:用来存放集群的元数据,也就是存放所有分片的的配置数据,mongos第一次启动就需要连接configServer读取相关数据,当configServer有数据进行更新时,也会主动推送消息到所有的mongos上,在3.0.7版本中,官方是建议配置3份的Config Server,以便挂掉两台时,业务还能够正常运转.…

话说现在的手机型号越来越多,主要还是android和ios这2个巨头称霸了江湖,而他们自带的浏览器内核是webkit,那对于做移动网页开发的同事来说,一般只要做好webkit内核浏览器的展现效果就行了,看起来很简单,其实背后还有一个大坑等着你. 虽说是webkit内核,但页面的展现效果还会受到自身系统的影响,升级后的系统打了补丁,新增了新的属性,支持更多丰富炫丽的效果,那么旧的系统(未升级的)就不支持一些新的属性,开发哥哥就是没有做好低端版本兼容的话,就会产生所谓的bug的,再加上android…