响应式布局的推荐宽度 [英] Recommended widths for responsive layouts

问题描述

您建议的应该是什么，应该用于响应布局的宽度？

What do you recommended should be the widths I should use for a responsive layout?

  /* Default Width: */
  .container { width: 940px; margin: 0 auto; }

  /* Smaller than standard 960 (devices and browsers) */
  @media only screen and (max-width: 959px) {}

  /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 959px) {}

  /* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 767px) {}

  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 767px) {}

  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {}

推荐答案

响应式布局没有建议的宽度。这完全取决于你的布局结构。 布局结构表示当您想对特定宽度进行任何特定更改或布局打破任何特定屏幕宽度时使用 MEDIAQUERIES 。

There is no recommended width for responsive layout. It's totally depends upon your layout structure. Layout Structure means use MEDIAQUERIES when you want any specific changes on an specific width or when your layout broke any specific screen width.

这篇关于响应式布局的推荐宽度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！