2015-11-27 1 views
-1

Я делаю сайт, и он отлично работает на ПК, но когда я пытаюсь просмотреть на телефоне, у меня возникли проблемы. enter image description hereУ меня возникли проблемы с просмотром моего сайта на мобильном телефоне

Может мне помочь? Я получил все внутри div с этими свойствами.

width: 960px; 
height: 500px; 
margin-top: 50px; 
margin-left: 312px; 
clear: both; 
position: relative; 
top: -250px; 
position: static 
+1

Вопросы, требующие помощи по коду, должны содержать кратчайший код, необходимый для его воспроизведения ** в самом вопросе **. См. [** Как создать минимальный, полный и проверяемый пример **] (http://stackoverflow.com/help/mcve) –

+0

попробуйте использовать правила @media в css –

+0

спасибо, я попробую –

ответ

0

Поскольку вы даете элементам статические высоты, это не изменится при переключении на мобильные платформы. Как сказал Адарс Мохан, используйте правила @media. Вы можете определить, какую планировку вы хотите по размеру экрана. Например:

@media all and (max-width: 320px){ 

    .content{height:250px; width:500px;} 

} 

Этот CSS будет применяться только к сНу «содержание», когда ширина экрана 320px (или ниже).

+1

спасибо человеку , я не знал, что –

+0

Без проблем, рад, что я мог бы помочь. –

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