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/
Related
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 5 years ago.
Improve this question
On an average, what should be the size of the image for full-screen background?
I'm currently using a 1920x1080 pixels image, would that be ok or is it too small for desktop size screens?
It depends on the native resolution of your screen.
The image used should match the native resolution of your screen for the best result.
There is a couple of things you can do to adress this issue since people will be using different screen sizes.
Dynamicly generate your background; this limits you to the use of pure symetrical images
Upload multiple sizes of your background image, grab the screen resolution from the users user-agent and display the correct size image.
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.
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
Im creating website with paralax effect. Today I heard that images just are not displayed on iPod ?!
I cant check that, because I dont have access to iPod. Can someone tell my why main pictures dont appear in iPod?
Website: http://www.badzlepszy.pl/Nebiolo2/
The images you are using are multiple images of 2000x1200px in size. There is a limit for the maximum amount of pixels allowed in an image. You can visit this website to see which devices should be capable of displaying your images.
The iOS resource limits are described on the Apple website at the heading "Know iOS Resource Limits".
Using these large images on a iPod could cause the problem of not displaying the image.
I tried it on my ipod an can confirm that it looks odd. some of the images are shown though.
You have some errors in your html. Try to fix them first e.g.
<div id="sitelanguage"> outside of body tag
<div class="pasek_suwakow" style="top: 345px;> <-- " missing after 345px
</br></br>
see http://validator.w3.org/check?uri=http%3A%2F%2Fwww.badzlepszy.pl%2FNebiolo2%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
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 4 years ago.
Improve this question
How can I be sure that my web site can be viewed in smatphones (with different resolutions and screen's size) without any problem.
Is there a way to convert the couple html/css of a classic web site to be compatible everywhere.
Best regards.
I use http://mite.keynote.com/ to help test websites on mobiles that I don't have physically available. It's not perfect, but it's about the best testing suite I've seen and will definitely give you an idea of whether or not your design will work.
As for the actual design methodology, just make sure you don't specify anything in pixels or points, all dimensions should be specified with em's (or ex, etc) or percentages. From there, it's just a matter or trying things to see if they work.
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 essentially want to be able to scale the entire site (images, elements, the whole sha-bang) to what ever browser size window the user is using. Anyone have success doing this and would be willing to share how?
I'm using HTML 5 by the way.
You need to start thinking about sizing your elements using percentages instead of pixels.
Take a look at this simple example and it may help you on your way. Good luck.
http://jsfiddle.net/hACbn/1/
Take a look at using responsive layouts:
Here's a half decent framework to get you started
http://gridpak.com/