Una biblioteca de JavaScript para probar elementos en varios tamaños de ventana-viewport Resizer
| Autor: | nerijusgood |
|---|---|
| Views Total: | 1,498 |
| Sitio oficial: | Ir a la web |
| Actualizado: | November 25, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
Viewport Resizer is a JavaScript tool for responsive web design that allows you to test html elements in multiple types of screen.
Predefined screen sizes:
- Escritorio: 1280px
- Tableta horizontal: 1024px
- Tableta: 768px
- Móvil: 320px
Funcionamiento
Para empezar, solo tiene que descargar el Resizer de la ventanilla e incluir el archivo JavaScript viewpr. min. js en el documento HTML.
<script src="viewpr.min.js"></script>
Inicializar el Resizer viewport.
window.onload = function () {
viewpr(params = {
// parameters here
});
} Todos los parámetros predeterminados.
viewports: [{
size: "320",
name: "Mobile"
}, {
size: "768",
name: "Tablet"
}, {
size: "1024",
name: "Desktop"
}],
showName: true,
svg: false,
reset: "reset",
wrapper: "viewpr-content",
links: "viewpr-list",
animation: "-webkit-transition:width .3s ease-in-out; -moz-transition: width .3s ease-in-out; -ms-transition: width .3s ease-in-out; -o-transition: width .3s ease-in-out; transition: width .3s ease-in-out;"
