# Problema de CSS com redimensionamento de imagem em uploads de imagens grandes

**URL:** <https://meta.discourse.org/t/css-problem-with-image-resizing-on-large-image-uploads/56947>\
**Category:** Support\
**Created:** [Fevereiro 5, 2017, 4:07pm UTC](https://meta.discourse.org/t/css-problem-with-image-resizing-on-large-image-uploads/56947 "2017-02-05T16:07:10Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![mitchellk](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mitchellk/32/120419_2.png) [@mitchellk](https://meta.discourse.org/u/mitchellk)\
**Post date:** [Fevereiro 6, 2017, 10:43am UTC](https://meta.discourse.org/t/css-problem-with-image-resizing-on-large-image-uploads/56947/2 "2017-02-06T10:43:15Z")

</div>

As nobody could answer this I did some more digging this morning and found the culprit. The image-sizing-hack as it is so called inside the code of a particular JS file makes overriding this with CSS rather tricky. Here is an explanation of the problem and currently partial solution.

The image-sizing-hack as it is called is inherited from a file called “ **html.desktop-view.not-mobile-device.js.no-touch.discourse-no-touch** ”

It gets placed into the site code like this

![](https://global.discourse-cdn.com/meta/original/3X/7/9/7933fa79161f1bf669c2cedc499fce992c3c8b61.png)

To override it now so that large images do not get cut off I found the following CSS to successfully override the image-sizing-hack but it once again leaves me with oversized emoji’s. Adding .emoji into the img:not clause once again breaks the whole thing.

So here’s my CSS for correct image sizing (but rather large emoji’s)

```
body #image-sizing-hack #reply-control .d-editor-preview img:not(.thumbnail), .cooked img:not(.thumbnail) {
    width: auto;
    height: auto;
    display: block !important;
    max-width: 800px !important;
    max-height: auto !important;
}

```

and how the emoji’s look

 ![](https://global.discourse-cdn.com/meta/original/3X/e/e/ee8b92a5b1688807e1fb1b5949bc7d256df5634a.png)

---

_[View the full topic](https://meta.discourse.org/t/css-problem-with-image-resizing-on-large-image-uploads/56947)._