나는 (1000px보다 더), 반응 대형 인 CSS 프레임 워크를 찾고 있어요, 그리고 내가 할 수있는 곳 folowing :그런 CSS 프레임 워크가 있습니까?
대형 디자인 :
일반 디자인 :
를모바일 디자인 :
의견이 있으십니까? 960.gs, Titan framework, 1140 css grid 및 Golden Grid System을 시도했지만, 내가 원하는 모든 것을 할 수 있는지 잘 모르겠습니다. 당신이 필요 우
나는 (1000px보다 더), 반응 대형 인 CSS 프레임 워크를 찾고 있어요, 그리고 내가 할 수있는 곳 folowing :그런 CSS 프레임 워크가 있습니까?
대형 디자인 :
일반 디자인 :
를모바일 디자인 :
의견이 있으십니까? 960.gs, Titan framework, 1140 css grid 및 Golden Grid System을 시도했지만, 내가 원하는 모든 것을 할 수 있는지 잘 모르겠습니다. 당신이 필요 우
.
이 도구는 작업을 수행합니다 Adapt.js는이 같은 물건을 할 수 Adapt.js으로
(너무 Less 살펴보세요) :
// Edit to suit your needs.
var ADAPT_CONFIG = {
// Where is your CSS?
path: 'assets/css/',
// false = Only run once, when page first loads.
// true = Change on window resize and page tilt.
dynamic: true,
// Optional callback... myCallback(i, width)
callback: myCallback,
// First range entry is the minimum.
// Last range entry is the maximum.
// Separate ranges by "to" keyword.
range: [
'0px to 760px = mobile.css',
'760px to 980px = 720.css',
'980px to 1280px = 960.css',
'1280px to 1600px = 1200.css',
'1600px to 1920px = 1560.css',
'1940px to 2540px = 1920.css',
'2540px = 2520.css'
]
};
는 CSS3 미디어 쿼리입니다 ..
http://ie.microsoft.com/testdrive/HTML5/CSS3MediaQueries/
확인 링크 당신은 화면 크기를 감지하여 다른 CSS를 제공 할
를이 프레임 워크해야하는 이유 특별한 이유가 맞춤 솔루션을 만들 수 없습니까? –
http://getskeleton.com/ http://twitter.github.com/bootstrap/ –
그리드 시스템에 익숙하지 않고 이미 사용 중이며 연마 된 것을 사용하고 싶었습니다. – Manu