Отзывчивый не работает на планшете

-4

Я новичок, и у меня есть сайт, я хочу сделать отзывчивый дизайн, он отзывчивый для мобильных устройств, но не реагирует на планшет, я хочу создать планшетный дизайн, такой как макет ПК, а не мобильный, можете ли вы Помогите мне, как решить эту проблему? возможно meta viewport и css неправильный код, сколько пикселей для создания минимальной или максимальной ширины носителя? это мой манекен сайт http://silanycorp.com/a Отзывчивый не работает на планшете

и этот сайт для проверки отзывчивым макета http://ami.responsivedesign.is/#

мета окна просмотра

<meta name="viewport" content="width=device-width, initial-scale=1">

CSS код

@media (max-width: 768px) { 
.container{ 
    padding:0; 
} 
.logo{ 
    padding-left:0; 
} 
.hide-on-desktop{ 
    display:block 
} 
.header-wrapper{ 
    padding: 0; 
} 
.header-outer{

}

Спасибо за помощь :)

источник

2014-11-26 user3154864

Не размещайте ссылку в прямом эфире (только), вместо этого размещайте соответствующий код в своем вопросе, чтобы другие по дороге могли воспользоваться предоставленным вам ответом. Благодаря! –

Bootstrap, что плохой мальчик и все ваши проблемы исчезнут – LOTUSMS

это не использование сетки или колонки – user3154864

Вы можете загрузить несколько таблиц стилей в зависимости от ширины области просмотра, которую пользователь имеет.

Это может быть достигнуто с помощью следующего тега:

<link rel='stylesheet' media='screen and (min-width: 701px) and (max-width: 900px)' href='css/medium.css' />

Вы также можете установить его в таблице стилей с чем-то вроде этого:

@media all and (max-width: 699px) and (min-width: 520px) { 
    #sidebar ul li a { 
    padding-left: 21px; 
    background: url(../images/email.png) left center no-repeat; 
    } 
}

Вот хорошая статья о процессе: http://css-tricks.com/css-media-queries/

источник

2014-11-26 16:41:31 MyCah

Я попробую это, спасибо :) – user3154864

Отзывчивый не работает на планшете

ответ

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