crucifyer/css-browser-selector
Composer 安装命令：
composer require crucifyer/css-browser-selector
包简介
CSS Browser Selector - no need css hack. html tag adding your browser info
README 文档
README
Now that IE is a thing of the past, this library is no longer needed.
no need css hack. html tag adding your browser info fork this project from : http://rafael.adm.br/css_browser_selector/
if IE6
<html class="ie ie6 win js">
- ie6 ie67 ie678 ie6789
if IE10
<html class="ie ie10 ie9m win js">
if EDGE
<html class="chrome edge win js"> <html class="ie ie12 ie9m edge win js" oldedge>
if iPhone Safari
<html class="webkit safari mobile ios iphone js">
if android retina tablet chrome
<!-- android default internet browser --> <html class="webkit chrome mobile chromedef android tablet retina ratio2 js"> <!-- google play chrome browser --> <html class="webkit mobile chrome android tablet retina ratio2 js">
using
.myText { margin-bottom:2px; } .ie6 .myText { margin-bottom:1px; } .opera .myText { margin-top:-1px; }
php version using
$className = css_browser_selector::getClassName($_SERVER['HTTP_USER_AGENT']);
more support types
.ie67, .ie678, .ie9m (IE9 and more) .ff4 ~ .ff11 and more
if jQuery && mobile support
width > height ? landscape : portrait
.portrait .landscape .smartnarrow ( <= 360 ) .smartwide ( <= 640 ) .tabletnarrow ( <= 768 ) .tabletwide ( <= 1024 ) .pc ( > 1024 )
example
#photo { float:left; } .iphone.portrait #photo { clear:both; } .smartwide #leftMenu, .tabletwide #leftMenu { float:left; width:120px; } .tabletwide #rightMenu { float:right; width:120px; }
- support retina : view test page. https://crucifyer.github.io/css-browser-selector/
mobile font zoom disable
body { -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }
jquery 1.9 $.browser deprecated.
// window.CSSBS_* defined. if(window.CSSBS_ie) alert('MSIE'); if(window.CSSBS_ie6) alert('MSIE 6'); if MSIE define $.browser = {msie:1,version:msie version}; other browser $.browser = {};
compressed
source
- https://raw.githubusercontent.com/crucifyer/css-browser-selector/master/css_browser_selector.js
- https://raw.githubusercontent.com/crucifyer/css-browser-selector/master/css_browser_selector.class.php
test page
Now that IE is a thing of the past, this library is no longer needed.
crucifyer/css-browser-selector 适用场景与选型建议
crucifyer/css-browser-selector 是一款 基于 JavaScript 开发的 Composer 扩展包，目前已累计 22.75k 次下载、GitHub Stars 达 34， 最近一次更新时间为 2017 年 03 月 30 日， 在 PHP 生态内属于活跃度较高的组件。
它主要适用于以下技术方向： 「css」 「css browser selector」 等业务场景。在实际项目中，围绕这些方向常见需要落地的问题包括：接口对接、性能调优、并发安全、与既有框架（Laravel / ThinkPHP / Yii / Webman 等）的兼容适配，以及生产环境的日志埋点与稳定性保障。
我们在过去多个企业项目中使用过 crucifyer/css-browser-selector 或与其功能相近的方案，如果你在选型或落地过程中遇到问题，例如 版本兼容、二次改造、私有化封装、与内部系统对接、生产 BUG 排查，欢迎联系我们协助评估。
基于 crucifyer/css-browser-selector 在你已有业务上做功能扩展、字段裁剪、UI 适配、与内部账号 / 权限 / 日志系统的深度对接。
线上偶发问题、内存泄漏、慢查询、并发异常等排查修复；针对高流量场景做缓存、队列、索引层面的调优。
承接完整的项目从需求 → 设计 → 开发 → 上线 → 长期运维；也可按月提供技术保姆服务。
与 crucifyer/css-browser-selector 相关的其它包
同方向 / 同关键字的高下载量 PHP Composer 包推荐，方便对比选型：
Give your JS App some Backbone with Models, Views, Collections, and Events.
A Twig extension to insert css as inline styles with a tag
Caching and compression for Twig assets (JavaScript and CSS).
Contao 4 Css Style Selector bundle
Instrument headless chrome/chromium instances from php5.6
Selenium4 (WebDriver) driver for Mink framework
统计信息
- 总下载量： 22.75k
- 月度下载量： 0
- 日度下载量： 0
- 收藏数： 34
- 点击次数： 18
- 依赖项目数： 0
- 推荐数： 0
其他信息
- 授权协议： MIT
- 更新时间： 2017-03-30