Last post May 13, 2019 09:42 AM by samwu
May 11, 2019 08:03 AM|du lich viet|LINK
I have a question about asp thanks for your help.
Autoscale works and shows the page a good size on my Google Pixel 3 but the page looks tiny on other phones and also on desktop. But the page looks tiny on other phones. When you click on the page it scales up and looks a good size, but needs to display as
a good size when the page shows initially. What could be the source of that?
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="instructoremail.aspx.cs" Inherits="enteremail" %>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head3" runat="server">
<form id="form3" runat="server">
<asp:Image ID="Image1" runat="server" Height="103px" Width="216px" ImageUrl="~/headerLogo.png" />
Enter Email Address</h2>
<td class="auto-style4">Email Address:</td>
<asp:TextBox ID="txtRecordID" runat="server" Width="225px"></asp:TextBox>
<asp:Button ID="btnEnterEmail" runat="server" Text="Submit" OnClick="btnEnterEmail_Click" />
<asp:Panel ID="Panel1" runat="server" Width="333px">
-Enter Your Parker.edu eMail Address.</asp:Panel>
<asp:Label ID="Label2" runat="server" EnableViewState="False"></asp:Label>
author: du lich viet
May 11, 2019 01:03 PM|yogyogi|LINK
Your Design is not responsive, you should make it responsive by using either of the below 2 ways:
CSS Media Queries
May 13, 2019 09:42 AM|samwu|LINK
Hi du lich viet,
Just add condition
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
This is used to declare mobile devices.
This defines the scale of the website, This parameter sets the initial zoom level, which means 1 CSS pixel is equal to 1 viewport pixel. This parameter help when you're changing orientation, or preventing default zooming. Without this parameter, responsive
site won't work.
Maximum-scale defines the maximum zoom. When you access the website, top priority is maximum-scale=3, and it won’t allow the user to zoom.
Minimum-scale defines the minimum zoom. This works the same as above, but it defines the minimum scale. This is useful, when maximum-scale is large, and you want to set minimum-scale.
if assign it to user-scalable=no, it means the website is not allowing the user to zoom in or zoom out. Default value is yes.