retinajs | Stylus helpers | Style Language library
kandi X-RAY | retinajs Summary
kandi X-RAY | retinajs Summary
JavaScript, SCSS, Sass, Less, and Stylus helpers for rendering high-resolution image variants
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of retinajs
retinajs Key Features
retinajs Examples and Code Snippets
Community Discussions
Trending Discussions on retinajs
QUESTION
I have a psd of web page and it is designed in 1920x1080 resolution.
Standard laptop and desktop has the resolution of 1366x768.
I already convert psd to html in 1366 resolution using Skelton CSS
Now how can I scale up/down the dimension of elements like if I am writing style for 1920x1080 and matching element spacing according to psd and when viewing in 1366 resolution it should look exactly same as psd.
Like RetinaJS which easily scale up/down the images according to screen size.
Is there any framework or method by which we can easily change the view?
Thanks
...ANSWER
Answered 2017-Sep-19 at 17:22There are different techniques to achieve your goal. As mentioned by @Jose M and @WizardCoder, you can use CSS's media query or you can use Bootstrap framework to scale your image according to screen size. Bootstrap's "img-responsive" class will do justice to your image. It will scale down your image on any screen.
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install retinajs
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page