2015-03-02 4 views
0

В Chrome 40 для Android масштабирование страницы с фиксированной шириной в соответствии с шириной экрана прост. Один использует viewport мета-тег и определяет ширину Контента и отключает пользователя масштабирование:Масштабирование фиксированного размера страницы до ширины экрана?

Screenshot showing content scaled to width in Chrome 40 for Android

В Firefox OS 2.2 симуляторе тот же код делает не работы:

Screenshot showing content scaled to width in

Как я могу разместить фиксированную ширину в ширине экрана в браузере Firefox?

Код:

  • index.html:

    <!doctype html> 
    
    <title>Viewport test</title> 
    <link rel="stylesheet" href="index.css" /> 
    <meta name="viewport" content="width=1000,user-scalable=0" /> 
    
    Test 
    
  • index.css:

    * { 
        margin: 0; 
        padding: 0; 
    } 
    
    body { 
        font-size: 50px; 
        width: 990px; 
        border: 5px solid lightblue; 
    } 
    
+0

@adkmatey Я не вижу ничего плохого, и [validator] (http://validator.w3.org/) говорит: * «Этот документ был успешно проверен как HTML5 ! "* – feklee

ответ

0

Я использую следующий метатег, и он работает: <meta name="viewport" content="width=device-width, user-scalable=no">

+0

Можете ли вы опубликовать скриншот правильно масштабированной страницы в Firefox OS? – feklee

 Смежные вопросы

  • Нет связанных вопросов^_^