- This topic is empty.
June 23, 2016 at 10:26 am #243100
I’m new on this css and responsive design, here is my problem:
I did a website (responsive) and to be my first one is ok, when I see it in almost any monitor works great, BUT, my cliente have a toshiba PC 13.3″ 1366px x 768px monitor and when he saw the website goes crazy!, nothing work the way that supouse to be, so I been trying to create a media query for this kind o monitor I tryed width 1366px, 16:9, 1.77, 16/9 as ratio options and doesn’t work. if I use 16/10, works! but change the regular monitors view!
Can anybody help me?
Thanks!June 23, 2016 at 11:10 am #243104
Can you post a link to the live website?June 23, 2016 at 11:26 am #243105
Right now have the css @media (device-aspect-ratio: 1.77)
that was my last tryJune 23, 2016 at 11:38 am #243106
Lots of elements with
position: fixedfor aesthetic reasons: this will come back to bite you. Specially with that banner, on PC’s with little vertical space this will not work at all.
Why not remove the
.banner?June 23, 2016 at 11:45 am #243107
that’s because my client wants to see all the time his banner, if I remove the position:fixed this will move when the page made the scroll.
So I been looking to give a css rule when the particular monitor (1366×768) change the banner image for other less height, but I can use the less height in the other monitor because doesn’t have much info.
I mean, if I use a less height banner will have to much white spaceJune 23, 2016 at 11:57 am #243108
Print the banner out, frame it in and hang it high on the wall of that person’s office, so they can see it all the time, because right now this is a intrusive user-unfriendly component.
if I remove the position:fixed this will move when the page made the scroll.
Yep. Just do it, and sell it to your client: saying “you can’t have your cake and eat it too”.June 23, 2016 at 12:03 pm #243109
thanks for your advaice Atelierbram.
I guess is the only way.
Thanks for your help.
- The forum ‘CSS’ is closed to new topics and replies.