How to “disable” zoom on a mobile web page? - meta-tags

I know this question has been asked many times and has different solutions, but I have a different problem.
<meta content='True' name='HandheldFriendly' />
<meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;' name='viewport' />
<meta name="viewport" content="width=device-width" />
If i add the above code to my aspx page, the page zooms automatically to max size. How do I fix this? With out the above code, the web page zooms only on text box focus. I have used a liquid CSS layout for my web page.

i want to answer the question but need more information.
do you want to disable zoom?
if so do you want it default zoomed in OR default zoomed out.
mobile doc type helps :
!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd"
if you do not want to disable zoom let me know what you are trying to do or please link to your url.

Related

Is there anyway to make web app's components do not look so small on mobile

I've made a website. It looks nice when using PC, but not good when using smartphone (Too small). Is there anyway to fix that?
Here is my website: https://hai-weather-forecast.herokuapp.com/
Did you try to add the responsive meta tag in the head element?
<head>
...
<meta name="viewport" content="width=device-width">
...
</head>
Here is the background docs
I tested by open the url you provided, setting the same device size with developer tools, and adding that meta tag in the head element editing the html by hand.
Beffore adding meta tag
After adding meta tag
Cheers!

Set Windows Timeline Card for Website

Is it possible for Websites to define the Image/Title - or even the whole Aadaptive Card - to be shown in the Windows Timeline when they are added by Edge.
Yes, it looks like. Not sure about all the rules - but just by reverse engineering a bit on an image I saw on my Timeline history contributed from Edge for a random page like https://github.com/metabase/metabase/blob/master/test/metabase/test_setup.clj
If you inspect the source code for that page you'll see:
<meta>
...
<meta property="og:image" content="https://avatars3.githubusercontent.com/u/10520629?s=400&v=4" />
...
<meta property="og:title" content="metabase/metabase" />
....
That corresponds to what I get rendered as background image and title on the Timeline card. The og:<something> meta properties are defined by the Open Graph protocol: http://ogp.me/

Code in Header to allow Subtome Button in Browser to find feed

By using the following code in header, I have managed for the rss button in url bar in browser to successful find my feed.
<link rel="alternate" type="application/rss+xml" title="Blog Title" href="http://www.weeblysite.com/1/feed" />
However, the subtome button on browser fails to locate feed. Therefore Feedly, Digg Reader, etc, finds no feed.
How can I implement code in my Weebly generated site to allow all such browser buttons to pick up and subscribe to feed?
Thank you.
Nicholas Boyd Crutchley
http://www.nicholasboydcrutchley.com/infin-story
this is a new blog.. no post...but the old blog has same problem..
The problem comes from the fact that your page has a broken discovery mechanism.
Right now in the <head> section of your HTML page, I can see this:
<link rel='alternate' type='application/rss+xml' title='RSS 2.0' href='http:////feed' />
And clearly, http:////feed is not the right feed url :) You want to have this:
<link rel='alternate' type='application/rss+xml' title='RSS 2.0' href='http://www.nicholasboydcrutchley.com/1/feed' />
And everything should be smooth!

Thumbnail with the like button in my website

I used the iframe to add the like button to my website
and after read many questions/answer related with my issue I add to the HEAD:
<meta property="og:image"
<meta property="og:title" content="EL SUR TAMBIEN ES AMERICA"/>
<meta property="og:url" content="http://elsuresamerica.weebly.COM/"/>
<meta property="og:type" content="website" />
I debugged it and get:
"More Than One OG URL Specified:
Object at URL (my web site) of type 'website' is invalid because it specifies multiple 'og:url' values: (my web site), (my web site)"
I don't understand what that means. I am not a developer, just a writer and I'm getting crazy with this. Please I need help to show a thumbnail in FB when the like button is clicked.
Thanks!
If that is the original code, I'd first see if it is because the 1st meta tag is not closed ;-) Try adding /> to the end of the 1st line

Google Plus not reading from meta tags

Below are the meta tags I am using for Google plus
<html itemscope itemtype="http://schema.org/Watch Movies Online">
<meta itemprop="name" content="Watch Movies"/>
<meta itemprop="description" content="Watch Movies Online">
<meta itemprop="image" content="https://www22.verizon.com/images/biglogo.gif" />
I see them in view source of the page. when I actually click G+ button, it is not reading the values from here. Not able to figure out what I am missing.. Pls suggest me...
The itemtype that you've specified does not appear to be a valid one. Please note that you can only use types specified by schema.org. Please change the type to a valid one and try again.
Apart from that, it would be good if you can specify the URL of your site where it's not working. Furthermore, you can use the Google Rich Snippets testing tool to test your site. This might help tracking down the problem you're having.
You have to add the following snippet at the top of the document or add to your definition:
<html itemscope itemtype="http://schema.org/**yourschematypegoeshere**">
Where you replace "yourschematypegoeshere" with one of these, http://schema.org/docs/full.html.

Resources