popup.html – ¿cambiar el ancho?

2 minutos de lectura

¿Cómo cambio el ancho de popup.html? Intenté cambiar el ancho del div pero eso parece no tener efecto.

Esto es lo que he probado…

<div id='poppingup' style = "min-width: 300px; display:none">

  • cambiarlo a <div id='poppingup' style = "width: 300px; display:none"> min-width establece el ancho mínimo

    – KJYe.Nombre

    16 de febrero de 2011 a las 19:10

  • Ignorar comentario que borré. Funcionó, eso y yo estaba haciendo algo más estúpido. Haz que tu respuesta sea una respuesta y aceptaré.

    – Skizit

    16 de febrero de 2011 a las 19:21

El ancho de la ventana emergente está determinado por el contenido visible, así que haga que su div sea visible o aplique min-width a body:

body {
    min-width:300px;
}

(también hay un límite en el ancho máximo, creo que es 800 px)

  • por incluir max-width +1. ¿Hay alguna documentación de esto?

    – Kaspar Lee

    04/09/2016 a las 15:56


  • @RotimiBest Gracias, pero no me refiero a la propiedad CSS. Me refiero a la documentación de Google que detalla que el límite en el ancho máximo es de 800 px, ya que no pude encontrarlos haciendo referencia a eso en ninguna parte.

    – Kaspar Lee

    26 de marzo de 2019 a las 21:13

  • @KasparLee Está bien, ya veo. Lo más cercano es una respuesta final en el foro de Chrome: grupos.google.com/a/chromium.org/forum/#!topic/…

    – rotimi-mejor

    26 de marzo de 2019 a las 23:31

  • Aquí está el código fuente que menciona el ancho máximo (800 px) y la altura (600 px): source.chromium.org/chromium/chromium/src/+/main:chrome/browser/…

    – Abhijeet Singh

    7 de julio a las 11:41


Traté de cambiar el ancho del cuerpo también, pero no funcionó. Puede establecer el ancho de la etiqueta html:

<html xmlns="http://www.w3.org/1999/xhtml" style="min-width:600px;">

Funcionó en mi proyecto.

avatar de usuario
jdruiter

Cambiar el css no funcionó para mí.

Puedes hacerlo con javascript:

<script>
window.resizeTo(1920, 768);
</script>

O si desea acomodar todos los tamaños de pantalla:

<script>
var newheight = window.height * (5/10);
var newwidth = window.width * (7/10);
window.resizeTo(newheight, newwidth);
</script>

  • ¿Viste la respuesta sobre cómo cambiar el css?

    – Teepeemm

    14/09/2015 a las 20:25

¿Ha sido útil esta solución?

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Configurar y más información
Privacidad