- This topic is empty.
-
AuthorPosts
-
May 23, 2016 at 4:18 am #242014wentoxParticipant
Hi, so i have this website http://frobjerg.esy.es, and in front page i have two div block with red border around it – http://prntscr.com/b7dyqb.
I used media queries for a specific resolutions, but how do i make those 2 divs responsive in general? when u take and resize the page is really messed up.
May 23, 2016 at 11:11 am #242036I.m.learningParticipantChange your two meta lines
<meta name=”viewport” content=”height=device-height,width=device-width” /><meta name=”viewport” content=”initial-scale=1.0″ />
Into one.
<meta name=”viewport” content=”width=device-width, initial-scale=1″>See if that helps
May 23, 2016 at 2:03 pm #242040wentoxParticipantthanks for taking a look, but nothing changed.
May 23, 2016 at 2:56 pm #242041I.m.learningParticipantOn the first page you noted; you have black diamonds with question marks.
Did you copy from this forum and paste to your website?
May 23, 2016 at 3:03 pm #242042I.m.learningParticipant<!DOCTYPE html> <html <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1">
When I changed to my header, it worked fairly well; even the images/js
See if that helps @ all
May 24, 2016 at 1:32 am #242056wentoxParticipantyes i copied it and pasted, what black diamonds are you tallking about? i didn’t mentioned anything about diamonds :D
May 24, 2016 at 12:19 pm #242086I.m.learningParticipantWhen I looked at your source code, where the equals sign were, there were black diamonds with a question mark (meaning the encoding was not utf-8.
I knew you copied and pasted from the forum because we had discussions like this on here in the past. This forum causes curled quotes that will transfer to your text editor. This will throw your code off.
I use Bootstrap, I do not worry about making my sire responsive; I just have to ensure I am linking to those files. I see “bootstrap” in your code, but no links to it. I’m not sure if this makes any difference, however.
I also use :
a link to my bootstrap.css file and<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --><!-- WARNING: Respond.js doesn't work if you view the page via file:// --><!--[if lt IE 9]><script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script><script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
in my head.
I have Bootstrap on my computer, and on my server and link to my bootstrap/js/bootstrap.js file.
I see you fixed your site though.
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.