Как redireccionar домен, не меняя Вашего url в javascript?

У меня есть этот код и проблема состоит в том, что, когда оно хочет быть увиденным в подвижном устройстве, он не поворачивается responsive, но она оказывается совсем полной и не responsiva. Каким было бы решение для того, чтобы, войдя, было возможно отображать как браузера, так и с подвижного устройства?

<html>
<head>
<title>Nueva web</title>
<meta name='Description' content='Contenido'><meta name='Keywords' content='Contenido'>
</head><!--  -->
<FRAMESET rows='100%,*' FRAMEBORDER='0' FRAMEBORDER='0' BORDER=0 FRAMESPACING='0'>


<FRAME SRC='http://www.nuevaweb.com' NAME='top' BORDER=0 FRAMESPACING='0' FRAMEBORDER='0' NORESIZE SCROLLING='AUTO'>

<FRAME SRC='' NAME='bottom' BORDER=0 FRAMESPACING='0' FRAMEBORDER='0' NORESIZE SCROLLING='NO'>

<noframes>

<body bgcolor='#FFFFFF' text='#000000' link='#0000FF' vlink='#CC0000' alink='#00CC33'><font face='Verdana'><p>&nbsp;</p><p>&nbsp;</p>

<a href='http://www.nuevaweb.com'>http://www.nuevaweb.com</a><p>&nbsp;</p><p>&nbsp;</p></font></body></noframes>

</FRAMESET>

</html>
0
задан 12.01.2017, 14:26
0 ответов

Почему ты не хочешь, что redireccione? Я объясняюсь, если у тебя есть 2 отличные версии для каждой платформы, сделай одну назначенной по умолчанию и redirecciona в зависимости от разрешения устройства. С другой стороны, если то, что ты хочешь, "redireccionar", не меняя url, ты был бы должен делать вызов асинхронный (ajax) и изменять все тело Веба. Так или иначе я рекомендую тебе, чтобы делать Веб responsive так, что глава не есть слишком много, использовать bootstrap.

0
ответ дан 03.12.2019, 17:44

Каким было бы решение для того, чтобы, войдя, было возможно отображать как браузера, так и с подвижного устройства?

Он не имеет общее так с разрешением в себе, если не в приспосабливании контента к этим посредством CSS и(или) языка сценариев JavaScript. Если ты хочешь, чтобы твой Веб был виден хорошо в любом устройстве / разрешении, тогда мы говорим о рисунке responsivo или responsive design на английском.

Раньше, чтобы оплачивать этот тип проблем, то, что было сделано, состояло в том, чтобы создавать две версии темы: одна для desktop и другая для мобильного телефона. Ésto не является работоспособным, писать код два раза для того же намерения, кроме факта, который Веб версия не видит хорошо в среднем разрешении, он способствует тому, чтобы практическая осталась устаревшей.

Решение этого проблема - рисунок responsivo с прибытием среднего показателя queries в CSS3. Кратко, посредством среднего показателя queries мы можем определять стили только для определенного разрешения в том же листе стилей, способствуя тому, чтобы, когда viewport встретится со средним показателем queries, применялись стили автоматически.

Пример

Давайте предполагать у нас есть классик sidebar в dashboard, у которого есть ширина 250px. Когда ширина экрана будет максимальной 850px, мы хотим способствовать тому, чтобы sidebar был 70px ширины. Redimensiona экран для того, чтобы ты увидел, как меняется sidebar.

*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.container {
  display: flex;
  height: 100vh;
}

.container .sidebar {
  background-color: #34495e;
  flex: 0 0 250px;
  height: 100%;
  transition: all .23s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.container .content {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
}

.container .content .top {
  background-color: #fff;
  flex: 0 0 50px;
}

.container .content .main {
  background-color: #F2F8FA;
  flex: 1;
}

@media screen and (max-width: 850px) {
  .container .sidebar {
    flex: 0 0 70px;
  }
}
<section class="container">
  <aside class="sidebar">
    
  </aside>
  <section class="content">
    <header class="top">
      
    </header>
    <article class="main">
     
    </article>
  </section>
</section>

Чтобы заключать, я рекомендую тебе настоятельно не использовать устаревшие стандарты, как это они frameset и frame. Frameset не имеет опоры в HTML5 тем, что Ваше использование не не рекомендуется полностью. Если ты хочешь ввести удаленный контент, используй iframe или наиболее еще, object.

1
ответ дан 03.12.2019, 17:44
  • 1
    Большое спасибо guzgarzia. –  12.01.2017, 18:51
  • 2
    Ничего, @KikeAlgarra. Помни что пометь ответ, который ты считаешь правильным. Приветствие. –  12.01.2017, 18:56