elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: ¿Eres nuevo? ¿Tienes dudas acerca del funcionamiento de la comunidad? Lee las Reglas Generales


  Mostrar Mensajes
Páginas: 1 ... 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 [23] 24 25 26 27 28 29
221  Programación / Desarrollo Web / Los media queries no funcionan con los valores definidos en: 14 Septiembre 2017, 18:21 pm
Hola, estoy haciendo mi web responsive con media queries, y es un problema pequeño pero que no sé solucionarlo. Yo pongo:
Código:
@media screen and (max-width:768px){
 code...
}
Pero no me lo arranca bien, en este código lo que le digo es que si el ancho de mi pantalla es menor ( con max-width) de 768px me va a cambiar los estilos, eso es para tablets, también lo tengo en JS:
Código:
$(document).ready(function(){
 if(window.matchMedia("(max-width: 768px)").matches){
   code...
 }
});
Y para móviles que si la pantalla es menor que 600px me va a cambiar los estilos y JS:
Código:
@media screen and (max-width:600px){
 code...
}
Código:
$(document).ready(function(){
 if(window.matchMedia("(max-width: 600px)").matches){
   code...
 }
});

Esta manera no me arranca es decir que cuando yo pongo la pantalla a 768px (modo tablet) no me ejecuta los códigos (mi tablet la anchura es exacto 768px), pero si me ejecuta si la anchura es  a partir de 691px, y modo movil a partir de 540px cuando yo lo progrmé para:

movil---> 600px
tablet---> 768px

Mi tablet es un Surface Pro y no he probado otras tablets.. Hi antes me iba bien, me lo ejecutaba perfectamente.

Porque me pasó esto que error hay, y en su tablet y moviles de 600px de anchura se ven bien?

Gracias.
222  Programación / Desarrollo Web / Hay veces que los media queries (JS y CSS) funcionan y otras veces no en: 13 Septiembre 2017, 19:16 pm
Hola, estoy haciendo mi web responsive con media queries CSS y JS, y lo tengo todo bien, me arrranca bien, pero... Hay veces que no me ejecuta los media queries es decir, yo estoy trabajando con un portátil de 12.3 pulgadas (2 en 1) que lo puedo transformar en tablet, en modo ordenadaor va bien, y cuando lo cambio a tablet mi PC, se ejecuta, pero aveces no se ejecuta, y nosé si eso es normal, aveces me ejecuta los media queries  (JS y CSS) y otras veces no, si no es normal, porque me está  pasando eso? Y que posible solución puede tener? :huh:

P.D: También lo tengo optimizado para móviles y en cambio, eso si me va bien.  :huh:
Gracias
223  Programación / Desarrollo Web / Re: Como bloquear el zoom de mi pagina web para tabletas y moviles? en: 6 Septiembre 2017, 23:13 pm
No me entendieron.
Es que yo en mi móvil se vé mal, es decir, el diseño gráfico, sí va bien, se ve así, https://drive.google.com/file/d/0B6mh5xJztGS9SlVBZldQeTNZekE/view?usp=sharing
pero , se puede hacer zoom (más pequeño) y se vé mal,  el fondo es pequeño, no cubre toda la pantalla, y la portada también, así se queda,https://drive.google.com/file/d/0B6mh5xJztGS9cjBtRXoyVEZOZ1E/view?usp=sharing,
https://drive.google.com/file/d/0B6mh5xJztGS9Z0tqSFFhc0RsX0E/view?usp=sharing, y lo que quisiera sería hacer una función jQuery que impidiera hacer zoom (más pequeño) y que se vea la pantalla con las medidas que yo quieras, pero si no se puede hacer ambas cosas, quisiera saber porque me pasa eso. Y que solución me podrían dar.

Gracias

P.D: He probado todo lo que me han dicho pero lamentablemente no me ha funcionado
224  Informática / Hardware / El controlador no está disponible - EPSON C-1700 (tiene puerto USB 2.0) en: 3 Septiembre 2017, 14:22 pm
Hola, me compré un portatíl nuevo, y conecté mi impresora, me lo detecta, pero me dice esto: el controlador no está disponible. Está conectado con un cable USB 2.0 cuando mi puerto es USB 3.0. Será por eso? O es por otra cosa?


Gracias
225  Programación / Desarrollo Web / Como bloquear el zoom de mi pagina web para tabletas y moviles? en: 31 Agosto 2017, 12:02 pm
Hola, quisiera impedir que se haga zoom (-),es decir hacer la página más pequeña en mi página web con los moviles y tabletas, se que es con el meta tag, lo probé pero no me funciona, y me preguntaba se había algún código JS
que haga eso.


Gracias.
226  Programación / Desarrollo Web / Re: Porque el screen.width no me funciona? en: 31 Agosto 2017, 11:59 am
Ya lo resolví, es este código:
Código:
$(document).ready(function(){
    if (window.matchMedia("(max-width: 768px)").matches){
      $("#header").remove();
    }
  });

Gracias por su atención.
227  Programación / Desarrollo Web / Re: Porque el screen.width no me funciona? en: 28 Agosto 2017, 11:55 am
Cita de: engel lex en 27 Agosto 2017, 03:37 am
funciona perfecto el codigo de drvy, tu problema es un { abierto donde no debe

Hola he intentado lo que me han dicho, el jQuery funciona correctamente en mi pagina web. Cuando pongo este código me va bien:

Código:
 $(document).ready(functions(){
    $("#header").remove();
});

Pero cuando pongo este otro no:
Código:
 $(document).ready(functions(){
    if(screen.width < 768){
        $("#header").remove();
   }
});

Parece como si pongo el if  me detectara como mal, ya que no hace nada, porque será eso?

Gracias
228  Programación / Desarrollo Web / Re: Porque el screen.width no me funciona? en: 26 Agosto 2017, 23:03 pm
Cita de: #!drvy en 26 Agosto 2017, 14:18 pm
Esa función no esta declarada de forma valida. Además lo mejor que puedes hacer para diseño responsive es usar CSS, no javascript.

CSS media queries
https://developer.mozilla.org/es/docs/CSS/Media_queries

Media Queries en CSS ¿Cómo funcionan?
https://www.silocreativo.com/media-queries-css/


Código
  1. var anchura = (function(){
  2.     if(screen.width < 768){
  3.         $('#header').remove();
  4.     }
  5. });

Además lo scripts se colocan al final del body antes de </body>.


Saludos

Hola #!drvy he intentado lo que me has dicho pero no me ha funcionado me da error, me dice: Uncaught SyntaxError: Unexpected token {
Porque será?

Gracias
229  Programación / Desarrollo Web / Porque el screen.width no me funciona? en: 26 Agosto 2017, 12:07 pm
Hola. Estoy haciendo mi página web responsive a móviles y tengo que poner:
tablet.js
Código:
function anchura{
if(screen.width < 768){
  $("#header").remove();
}
}

Que me dice, si el ancho de mi pantalla es menor que 768 o igual (tablets and phones) me eliminará el elemento con el id header

Puse este script en las etiquetas head:

Código:
<script type="javascript/text" src="tablet.js">
<script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

Y no me funciona, porque será?
También lo he probado de llamarlo con onload pero no me funcionó
Gracias.
230  Programación / Desarrollo Web / [Resuelto] porque los iconos fa fa no me hacen responsive? en: 21 Agosto 2017, 20:01 pm
Hola, estoy haciendo mi pagina web responsive y añado icon fa fa pero al hacer responsive, todo se hace más pequeño menos el icon que cuando más pequeño hago la página más grande se hace el icono fa fa. Porque se debe ha eso? Y como se podría solucionar?
video: https://drive.google.com/file/d/0B6mh5xJztGS9Xzl1Z2Qyc3ltcGs/view


Ya tengo la solución es con el valor vw ej:
Código
  1. <i class="fa fa-sign-in" style="font-size:3.5vw"></i>

  • vw: Porcentaje relativo a la anchura del viewport.
  • vh: Porcentaje relativo a la altura del viewport.
  • vmin: Entre vw y vh toma el que tenga menor valor.
  • vmax: Entre vw y vh toma el que tenga mayor valor.
Páginas: 1 ... 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 [23] 24 25 26 27 28 29
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines