Use device-width in CSS? JS possibilities?

Question

Is there any way to reference device-height and device-width in your CSS in order to center a div containing dynamic content of varying sizes (images)? Is it possible to use JS to get the effective viewport dimensions and then reference them with SASS/LESS, or am I dreaming?

Community · Accepted Answer · 2017-05-23 12:27:11Z

0

Here's a simple example of how to get the viewport with JavaScript: http://andylangton.co.uk/articles/javascript/get-viewport-size-javascript/

But I would suggest looking into CSS Media Queries: Detect screen width with CSS Media Queries

edited May 23, 2017 at 12:27

CommunityBot

11 silver badge

answered Sep 19, 2011 at 8:41

isNaN1247

18.2k13 gold badges75 silver badges119 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Use device-width in CSS? JS possibilities?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related