All Questions
110
questions
0
votes
2
answers
859
views
Website assets 'zoomed in' on desktop version, but not mobile
I am using the following viewport meta in my html:
meta name="viewport" content="width=device-width, initial-scale=1
Which works perfectly for mobile devices. However, on the desktop ...
3
votes
0
answers
900
views
Website looks bigger on server than on localhost
I have seen similar questions asked, but usually the issue people have is the opposite of mine.
I am working on my online portfolio and for some reason when I upload the website to the server in the ...
-1
votes
2
answers
221
views
Wrong container size in mobile
I have problems using the meta tag width="device-width" because the page loads zoomed in on mobiles.
After checking with the inspector I realized the site container has the "wrong" size on mobiles: ...
15
votes
1
answer
8k
views
Side effects of removing "width=device-width" from viewport meta tag when "initial-scale=1.0" is also set
While the <meta name="viewport"> tag is unstandardized, it "is respected by most mobile browsers due to de-facto dominance."
One downside of it not being a true web standard is detailed ...
-3
votes
3
answers
1k
views
Website not scaling correctly when resizing browser & mobile phone
My website isn't scaling correctly when I try to resize it or view it on my phone. I've added the below META tags but it's not working. Please advise, thank you.
http://patricesprojects.info/atlanta/...
0
votes
1
answer
118
views
Mobile width view not rendering correctly
For some reason I cannot display in mobile version my div as 100% width. Here is my JSX code:
<div>
<div expand="lg" className="login-header">
<h1>logo</...
0
votes
1
answer
46
views
How Do I Copy Body Content to Meta Title?
I have an online member directory that we've opened up for Google to crawl. All of the member listings are the organization name as the search result title in search results. I am trying to come up ...
-1
votes
2
answers
205
views
Website not resizing to mobile correctly (meta values in place)
I'm setting up a basic website, and when I view it on mobile, it opens zoomed in, instead of showing the full width of the mobile CSS (480px).
I have already gone through setting up the meta ...
1
vote
1
answer
204
views
Can you import a css file and use sass to iterate each of the rules and append !important?
Can you take a file and update each css rule slightly with sass? E.g.
style.scss
.bold {
font-weight: 600
}
.bolder {
font-weight: 800
}
// ...
style-important.scss
// Here I want ...
2
votes
1
answer
2k
views
Theme color meta tags not working with specific color
A single color, old lace, is not working for me as a theme-color in the meta tag in Chrome Android.
Other colors work well. I tried providing the hex triplet instead and still nothing.
<html>
...
4
votes
1
answer
992
views
How to set the initial scale meta tag to fit body width?
I have a page that looks terrible below 500px width. In mobile devices less than 500px width, is there any way to automatically set the initial scale meta tag to fit the width of viewport with width ...
0
votes
1
answer
969
views
Mobile devices loads page zoomed in
I am currently working on a website project and overall things are going alright. But for some reason when I run my website on a mobile device, eg galaxy s5 or iphone 5, the browser zooms in on the ...
1
vote
1
answer
1k
views
How to override meta viewport of parent frame?
I am creating content to sit within a frameset. I don't have access to the code that creates the frameset and it has a meta viewport tag:
<meta name="viewport" content="width=device-width, initial-...
2
votes
4
answers
2k
views
Responsive webpage without meta tag?
I'm guessing the answer is no but is there a reliable way to make a webpage responsive without adding a viewport meta tag to the head?
I have added a login form container that's 400px wide and ...
1
vote
2
answers
462
views
Finding device width and echoing meta viewport rule
I'm looking for a solution to my situation. Basically, I need to use multiple viewport rules for device widths.
Something like:
<meta name="viewport" content="initial-scale=0.4, width=400"> ...