Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I want to make a website which scales to window size/resolution.
Currently I am using tables which are not scaling, but instead overlap each other as I resize browser window.
What do I use in order to solve my problem?
Thanks
Search about Responsive Design, meaning the design and the implementation of a website so that it can be optimally displayed in a wide range of screen resolutions. Look here for more.
Related
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 2 years ago.
Improve this question
I have a side menu that i want to be show just when the user minimize the screen : (And will also appear on cell phones)
<button class="???" onclick="toggleMenu()">☰</button>
How can i do it ?
You'll need to make use of CSS media screen queries here to make sure your menu can account for smaller and larger screen sizes.
I'd recommend looking at something like Bootstrap or similar libraries to help you along the road with that.
Good link for reference: https://getbootstrap.com/docs/4.0/components/navbar/#responsive-behaviors
If you don't want to use Bootstrap and would rather make your own CSS classes to handle this, you'll have to experiment with examples such as this: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
I need to hide the vertical scrollbar on my website (without disable scrolling), in particular in mobile devices (touch scrolling).
I tried to achieve this by css, but i haven't good result, in particular with old browsers.
Original answer is
Hiding the scrollbar on an HTML page
Disable it on desktop is the same on mobile.
Hope this help.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I'm creating a website for myself (portfolio to be precise) and I have some images that I want to put in the website.
I was coding on my laptop (15") and previewing the website there all the time. I then uploaded it to a server and opened it on my home pc (23" screen), first thing I noticed was that all the images are way too small for this kind of screen.
Images looked perfectly fine and occupied about 60% of the screen height on my laptop while they hardly occupy 40% of my 23" screen.
How do you website designers deal with this kind of stuff?
Responsive web design along with media queries is the way to go.
http://www.hongkiat.com/blog/responsive-web-tutorials/
Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 10 years ago.
Improve this question
I am working on a website that is 960px wide. It is mainly geared towards a 'creative' audience, and contains a lot of video. I would like to convert the site to be 1000px wide, and was wondering if there would be any downsides of doing so? If so, what are they specifically?
Check this site: https://webmasters.stackexchange.com/questions/7932/what-is-the-standard-width-for-a-website-in-pixels
It could be use to you. and this tells elaborate of your question.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 6 years ago.
Improve this question
I am looking for some guidelines or suggestion, on what is a "good" size for clickable elements when developing for mobile devices?
the common resolution for smart phones like iphone is 320x480.
so maybe go for the size of a finger , like about 44x44.
look here minimum-sensible-button-size-on-iphone
If the mobile device is not touch sensitive (using stylus) then visible 5mm x 5mm can be fine. Exact pixel values depends on the displays dpi (dot per inch) parameter