Black Trigram (흑괘) - Korean Martial Arts Combat Simulator API - v0.7.9
    Preparing search index...

    Function useResponsiveLayout

    • Calculate responsive layout values based on viewport dimensions

      Enhanced with centralized responsive scaling system:

      • Five screen size categories (mobile, tablet, desktop, large, xlarge)
      • Proportional font scaling (0.8x-1.4x) with 14-24px constraints
      • Proportional spacing scaling (0.5x-1.5x)
      • Smooth CSS transitions for resize operations

      Optimized for:

      • iPhone SE (375x667) - mobile
      • iPhone 11/12/13 (414x896) - mobile
      • iPhone 14 Pro Max (430x932) - mobile
      • iPad (768x1024) - tablet
      • iPad Pro (1024x1366) - desktop
      • Standard Desktop (1280x800) - desktop
      • HD Display (1920x1080) - xlarge
      • 4K Display (2560x1440) - xlarge

      Parameters

      • width: number

        Viewport width in pixels

      • height: number

        Viewport height in pixels

      Returns ResponsiveLayout

      Complete responsive layout configuration

      const layout = useResponsiveLayout(375, 667);

      <div style={{
        padding: layout.spacing.md,
        fontSize: layout.fontSize.body,
        minHeight: layout.touchTarget.small,
        transition: layout.transition,
      }}>
        Responsive content
      </div>

      반응형레이아웃사용

    Settings

    Member Visibility