crucifyer/css-browser-selector

CSS Browser Selector - no need css hack. html tag adding your browser info

Thursday, October 19, 2017
by xenoside
Repository
6 Watchers
32 Stars
487 Installations

JavaScript
0 Dependents
0 Suggesters
13 Forks
0 Open issues
1 Versions
174 % Grown

CSS Browser Selector

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/, _(*1)

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

```css .portrait .landscape .smartnarrow ( <= 360 ) .smartwide ( <= 640 ) .tabletnarrow ( <= 768 ) .tabletwide ( <= 1024 ) .pc ( > 1024 ), _(*2)


example
```css
#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 - https://raw.githubusercontent.com/crucifyer/css-browser-selector/master/css_browser_selector.min.js, _(*3)

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, _(*4)

test page - https://crucifyer.github.io/css-browser-selector/, _(*5)

Now that IE is a thing of the past, this library is no longer needed.

19/10 2017

dev-master

9999999-dev https://github.com/crucifyer/css-browser-selector/

CSS Browser Selector - no need css hack. html tag adding your browser info

Sources Download

MIT

The Requires

php >=5.2.4

by Song Hyo-Jin

css css browser selector

library css-browser-selector