{"id":3153,"date":"2018-11-07T19:35:24","date_gmt":"2018-11-07T19:35:24","guid":{"rendered":"http:\/\/v3.abcdsol.com\/uncategorized\/que-significa-que-tu-web-sea-responsive\/"},"modified":"2021-01-08T21:12:33","modified_gmt":"2021-01-08T21:12:33","slug":"what-does-it-mean-your-website-responsive","status":"publish","type":"post","link":"https:\/\/abcdsol.com\/index.php\/2018\/11\/07\/what-does-it-mean-your-website-responsive\/","title":{"rendered":"What does it mean that your website is responsive?"},"content":{"rendered":"

Having a responsive web means to reach more users with the same product. As we have told you in this post<\/a>, \u201cmore than 55% of the world population is an Internet user.<\/strong> 68% comes from mobile devices, which facilitate the constant connection. That is why it\u2019s important your company has a web to get visibility in front of those users that are daily surfing the net.\u201d<\/p>\n

The responsiveness concept is defined as the adaptation of a digital product to every screen resolution<\/strong>: desktops computers, laptops, tablets, every model of smartphone, and so on. That means it is about reordering and resizing the elements that compose a web for every resolution to show them correctly and guarantee an excellent user experience.<\/strong><\/p>\n

To achieve it, it is necessary to pay special attention to the design and the layout. The key is in the HTML code (HTML5 language) and CSS or, in other words, the website structure, the elements distribution and the style these elements will have, as well as its location. So, in this kind of technological language, one of the essential points for the responsive design to work properly is to put the values as percentages. For example, width=\u201d30%\u201d.<\/p>\n

A special CSS technique that is introduced in CSS3 is used for these cases: the Media Query<\/a>. The aim of this technique is to include a CSS properties block as long as certain condition is fulfilled. For example, if only the screen width is 1920px, then a certain container must be shown (this is useful when there are maps which will be seen wrong or in a diffuse way in screen resolutions that are very small).<\/p>\n

 <\/p>\n

How to know if a web is responsive?<\/h2>\n

On the Screen Sizes<\/a> site you will be able to see every existent screen size and every resolution. As you surely will check, there are infinities of options. Therefore, it is important that your website is completely responsive for you to reach all users who access Internet from such a wide variety of devices.<\/strong><\/p>\n

On the other hand, if you want to know how a web adapts itself to the different sizes, you have two options. First, you can position the mouse cursor on the website lateral border and reduce or increase the browser size by dragging the cursor.<\/p>\n

 <\/p>\n