Problema Web server

Salve ragazzi..sto realizzando uno sketch che mi permette di aprire il cancello di casa in maniera locale con questo Web server. il tutto funziona regolarmente.. adesso sto semplicemente perfezionando il tutto..avrei voluto inserire un immagine grande del cancello, ma con la codifica base64 fà mettere solo immagini piccole...se cambio risoluzione della pagina, quando carico la pagina con l'iphone rimane sempre piccola e devo ingrandirla con le dita...inoltre la cosa più importante che vorrei fare ma stranamente non riesco a fare, è quella di ingrandire semplicemente il pulsante apri...in modo che appena carico la pagina, riesco a pigiare il pulsante facilmente, essendo l'elemento più importante del programma. ho provato ad insierire size= '50px' height...weight...ma nn va..aiutatemi please...

#include <Ethernet.h>
#include <EthernetClient.h>
#include <EthernetServer.h>
#include <SPI.h>
#include <avr/wdt.h>

byte mac[] = { 0x54, 0x55, 0x58, 0x10, 0x05, 0x24 };
byte ip[]  = { 192, 168, 1, 100 };                  // IP-Adresse
byte gateway[] = { 192, 168, 1, 1 };                // Gateway
byte subnet[]  = { 255, 255, 255, 0 };
EthernetServer server(80);
int cancello = 8;

String readString = String(100);

int stato = 0;

void setup(){
Ethernet.begin(mac, ip, gateway, subnet);
server.begin();
pinMode(cancello,OUTPUT);
Serial.begin(9600); 
wdt_enable(WDTO_2S);

}
void loop(){
  
  EthernetClient client = server.available();
if (client) {
while (client.connected()) {
if (client.available()) {
char c = client.read();

if (readString.length() < 100) {
readString = readString + c;
}

Serial.print(c);

if (c == '\n') {

if(readString.indexOf("1=APRI") > -1) {
stato = 1;
}

//--------------------------HTML------------------------
client.println("HTTP/1.1 200 OK");

client.println("Content-Type: text/html");

client.println();

client.print("<html><head>");

client.print("<title>Cancello automatico </title>");

client.println("</head>");

client.print("<body>");

client.println("<div style='width:800px; height:600px;'>");

client.println("<td><font color='Blue' face='Comic Sans MS' size='50'>Cancello Automatico:</font></td>");

client.println("
");
client.println("
");
client.println("<table><tr>");

client.println("<td><font color='#FF0000' face='Comic Sans MS' size='2'>APERTURA:</font></td>");
client.println("
");
client.println("
");
client.println("<td><form method=get ><input type=submit name=1  value='APRI'  ></form></td>");
client.println("</tr><table></div></body></html>");
readString="";
client.stop();
}}}}
if (stato == 0){
  digitalWrite(cancello,LOW);
}
if (stato == 1){
  digitalWrite(cancello,HIGH);
  delay(500);
  stato = 0;
} 
delay(10);
wdt_reset();
}

Perchè le righe sono mal interpretate scritte così, usa le " e devi mettere sempre la \ prima di aprire le virgolette e prima di chiuderle

tipo così:
client.print("<input disabled="disabled" maxLength="50" size="12" value="OFF" STYLE="background-color:#C0C0C0"/>");

io uso questo meta tag cosi se apro la pagina sul pc la vedo normale

la pagina la crei per il pc con le immagini della dimensione che vuoi .........in pratica te ne freghi di costruirla per il dispositivo specifico

se la guardo su un dispositivo portatile tipo cell android mi si ridimensiona in automatico in base al dispositivo
provato su due cell e un tablet con risoluzioni diverse e non ho piu problemi di zummarre