I'm trying to learn a few things about media queries in CSS, and I have a quick question.
When you put create your HTML boiler plate code, and you specify in the META tag like this ;
<meta name="viewport" content="width=device-width, initial-scale=1" />
you are saying that you are asking the browser to inquire about the width of the screen, and to use that information to render the document, that's fine , I get all of that .
My question is , if I have a laptop with an external display, which "device-width" is the browser going with , the external display , or the laptop width ?
#AskNostr
#WebDevelopment
#Coding
#Cheers
Séimí Mac Síomón
npub1rj…accc9
2023-12-06 15:16:54
Author Public Key
npub1rjwumr7j6tac08t0qttvc44walt549nc4eyyxjc0phn6yxzj7uzq0accc9Published at
2023-12-06 15:16:54Event JSON
{
"id": "fe961a816d09c49d860566c2ce9c4e013da1a8d034da06f087d9ec23053f19e2",
"pubkey": "1c9dcd8fd2d2fb879d6f02d6cc56aeefd74a9678ae48434b0f0de7a21852f704",
"created_at": 1701875814,
"kind": 1,
"tags": [
[
"t",
"asknostr"
],
[
"t",
"webdevelopment"
],
[
"t",
"coding"
],
[
"t",
"cheers"
]
],
"content": "I'm trying to learn a few things about media queries in CSS, and I have a quick question. \n\nWhen you put create your HTML boiler plate code, and you specify in the META tag like this ; \n\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\" /\u003e\n\nyou are saying that you are asking the browser to inquire about the width of the screen, and to use that information to render the document, that's fine , I get all of that . \n\nMy question is , if I have a laptop with an external display, which \"device-width\" is the browser going with , the external display , or the laptop width ? \n\n#AskNostr\n#WebDevelopment\n#Coding\n#Cheers",
"sig": "7329f24ca3b0e1bbf96d5f604b3444cc5cc8cb59ea9d85359d9cd202d68061c2ee6d9c9536b0da80e6ee42ff732901f328c0b69054655c1086bae74f10243be0"
}