Want to share your CSS expertise with others? Apply to the MDN Fellowship by April 1! http://mzl.la/MDNFellowship

mozilla

Compare Revisions

max-width

Change Revisions

Revision 238826:

Revision 238826 by teoli on

Revision 238828:

Revision 238828 by teoli on

Title:
max-width
max-width
Slug:
CSS/max-width
CSS/max-width
Content:

Revision 238826
Revision 238828
n139    <h2 id="Browser_compatibility&gt;Browser compatibility&lt;/h2n139    <h2 id="Browser_compatibility">
>&gt; &lt;p&gt;{{ CompatibilityTable() }}&lt;/p&gt; &lt;div id=" n 
>ame="Browser_compatibility&gt;Browser compatibility&lt;/h2&gt; &l 
>t;p&gt;{{ CompatibilityTable() }}&lt;/p&gt; &lt;div id="></h2> 
140    <table class="compat-table">140      Browser compatibility
141      <tbody>141    </h2>
142    <p>
143      {{ CompatibilityTable() }}
144    </p>
145    <div id="Browser_compatibility" name="Browser_compatibility">
146      Browser compatibility
142        <tr>147      <p>
143          <th>148        {{ CompatibilityTable() }}
144            Feature149      </p>&lt;div id="&gt;
145          </th>
146          <th>
147            Chrome
148          </th>
149          <th>
150            Firefox (Gecko)
151          </th>
152          <th>
153            Internet Explorer
154          </th>
155          <th>
156            Opera
157          </th>
158          <th>
159            Safari (WebKit)
160          </th>
161        </tr>
162        <tr>
163          <td>
164            Basic support
165          </td>
166          <td>
167            1.0
168          </td>
169          <td>
170            1.0 (1.0)
171          </td>
172          <td>
173            7.0
174          </td>
175          <td>
176            4.0
177          </td>
178          <td>
179            2.0.2 (416),<br>
180            buggy before
181          </td>
182        </tr>
183        <tr>
184          <td>
185            applies to <code>&lt;table&gt;</code>
186          </td>
187          <td>
188            no
189          </td>
190          <td>
191            yes
192          </td>
193          <td>
194            no
195          </td>
196          <td>
197            yes
198          </td>
199          <td>
200            no
201          </td>
202        </tr>
203        <tr>
204          <td rowspan="2">
205            intrinsic width
206          </td>
207          <td>
208            &nbsp;1.0
209          </td>
210          <td>
211            3.0 (1.9)
212          </td>
213          <td rowspan="2">
214            {{ CompatNo() }}
215          </td>
216          <td rowspan="2">
217            {{ CompatNo() }}
218          </td>
219          <td>
220            2.0 (412) ?
221          </td>
222        </tr>
223        <tr>
224          <td>
225            &nbsp;<code>intrinsic</code>
226          </td>
227          <td>
228            <code>-moz-max-content</code>
229          </td>
230          <td>
231            <code>intrinsic</code>
232          </td>
233        </tr>
234        <tr>
235          <td rowspan="2">
236            intrinsic minimum width
237          </td>
238          <td rowspan="2">
239            &nbsp;{{ CompatNo() }}
240          </td>
241          <td>
242            3.0 (1.9)
243          </td>
244          <td rowspan="2">
245            {{ CompatNo() }}
246          </td>
247          <td rowspan="2">
248            {{ CompatNo() }}
249          </td>
250          <td rowspan="2">
251            {{ CompatNo() }}
252          </td>
253        </tr>
254        <tr>
255          <td>
256            <code>-moz-min-content</code>
257          </td>
258        </tr>
259      </tbody>
260    </table>
261    <div id="compat-mobile">150      <div id="compat-mobile">
262      <table class="compat-table">151        <table class="compat-table">
263        <tbody>152          <tbody>
264          <tr>153            <tr>
265            <th>154              <th>
266              Feature155                Feature
267            </th>156              </th>
268            <th>157              <th>
269              Android158                Android
270            </th>159              </th>
271            <th>160              <th>
272              Firefox Mobile (Gecko)161                Firefox Mobile (Gecko)
273            </th>162              </th>
274            <th>163              <th>
275              IE Phone164                IE Phone
276            </th>165              </th>
277            <th>166              <th>
278              Opera Mobile167                Opera Mobile
279            </th>168              </th>
280            <th>169              <th>
281              Safari Mobile170                Safari Mobile
282            </th>171              </th>
283          </tr>172            </tr>
284          <tr>173            <tr>
285            <td>174              <td>
286              Basic support175                Basic support
287            </td>176              </td>
288            <td>177              <td>
289              {{ CompatUnknown() }}178                {{ CompatUnknown() }}
290            </td>179              </td>
291            <td>180              <td>
292              {{ CompatUnknown() }}181                {{ CompatUnknown() }}
293            </td>182              </td>
294            <td>183              <td>
295              {{ CompatUnknown() }}184                {{ CompatUnknown() }}
296            </td>185              </td>
297            <td>186              <td>
298              {{ CompatUnknown() }}187                {{ CompatUnknown() }}
299            </td>188              </td>
300            <td>189              <td>
301              {{ CompatUnknown() }}190                {{ CompatUnknown() }}
302            </td>191              </td>
303          </tr>192            </tr>
304        </tbody>193          </tbody>
305      </table>194        </table>
195      </div>
196      <p>
197        &nbsp;
198      </p>
199      <h2 id="See_also">
200        See also
201      </h2>
202      <ul>
203        <li>{{ Cssxref("width") }}, {{ Cssxref("min-width") }}, {
 >{ Cssxref("max-height") }}
204        </li>
205        <li>
206          <a href="/en/CSS/box_model" title="en/CSS/box_model">bo
 >x model</a>, {{ Cssxref("box-sizing") }}
207        </li>
208      </ul>
209      <div class="noinclude">
210        {{ languages( { "de": "de/CSS/max-width", "es": "es/CSS/m
 >ax-width", "fr": "fr/CSS/max-width" } ) }}
211      </div>FeatureChromeFirefox (Gecko)Internet ExplorerOperaSaf
 >ari (WebKit)Basic support1.01.0 (1.0)7.04.02.0.2 (416),<br>
212      buggy beforeapplies to &lt;table&gt;noyesnoyesnointrinsic w
 >idth&nbsp;1.03.0 (1.9){{ CompatNo() }}{{ CompatNo() }}2.0 (412) ?
 >&nbsp;intrinsic-moz-max-contentintrinsicintrinsic minimum width&n
 >bsp;{{ CompatNo() }}3.0 (1.9){{ CompatNo() }}{{ CompatNo() }}{{ C
 >ompatNo() }}-moz-min-content
213      <table class="compat-table="></table>
t310    <h2 id="See_also">t
311      See also
312    </h2>
313    <ul>
314      <li>{{ Cssxref("width") }}, {{ Cssxref("min-width") }}, {{ 
>Cssxref("max-height") }} 
315      </li>
316      <li>
317        <a href="/en/CSS/box_model" title="en/CSS/box_model">box 
>model</a>, {{ Cssxref("box-sizing") }} 
318      </li>
319    </ul>
320    <div class="noinclude">
321      {{ languages( { "de": "de/CSS/max-width", "es": "es/CSS/max
>-width", "fr": "fr/CSS/max-width" } ) }} 
322    </div>

Back to History