Προς το περιεχόμενο
  • 0
Deadsell

Διαφορά Προβολής απο PC και smartphone

Ερώτηση

Καλησπέρα σας.

 

Στην σελίδα μου έχω βάλει ένα background σε ένα σημείο όπου απο τον υπολογιστή αν το δει κανείς φαίνεται ωραίο. Μόλις το δω απο το κινητό το χαλάει όλο.

Γίνεται να μην υπάρχει αυτο το background όταν το βλεπει κανεις απο κινητό ή μπορείτε να μου προτείνετε κάποια άλλη λύση ίσως.

Ο κώδικας είναι αυτός 

/* Grid style */
.display-posts-listing.grid {
    display: grid;
    grid-gap: 35px 15px;
    text-align:left;
background:url(https://nasiselevators.gr/wp-content/uploads/2019/08/services-bg1.jpg) no-repeat center center;
    background-size:auto;
    background-attachment:scroll;
    padding-top: 60px;
      padding-left: 150px;
      padding-right: 750px;
    padding-bottom: 2px;
    
}

Η σελίδα είναι nasiselevators.gr

Κοινοποιήστε αυτήν την ανάρτηση


Σύνδεσμος στην ανάρτηση
Κοινοποίηση σε άλλες σελίδες

3 απαντήσεις σε αυτή την ερώτηση

Προτεινόμενες αναρτήσεις

  • 0
Δημοσ. (επεξεργασμένο)
@media only screen and (max-width: 600px) {
  .display-posts-listing.grid {
    background:none;
  }
}

Από ότι είδα, στα 600px σου χαλάει. Εκεί μέσα βάλε ότι κώδικα σε εξυπηρετεί. Ότι γράψεις θα έχει εφαρμογή μόνο όταν το πλάτος θα είναι 600px και κάτω.

Αλλά ναι, ψάξε για responsice design. 2k19 έχουμε! :D

Επεξ/σία από tequillaki
  • Like 1

Κοινοποιήστε αυτήν την ανάρτηση


Σύνδεσμος στην ανάρτηση
Κοινοποίηση σε άλλες σελίδες

Δημιουργήστε έναν λογαριασμό ή συνδεθείτε για να σχολιάσετε

Πρέπει να είστε μέλος για να αφήσετε σχόλιο

Δημιουργία λογαριασμού

Εγγραφείτε με νέο λογαριασμό στην κοινότητα μας. Είναι εύκολο!

Εγγραφείτε για έναν νέο λογαριασμό

Σύνδεση

Έχετε ήδη λογαριασμό; Συνδεθείτε εδώ.

Συνδεθείτε τώρα
×
×
  • Δημιουργία νέου...

Χρήσιμες πληροφορίες

Με την περιήγησή σας στο insomnia.gr, αποδέχεστε τη χρήση cookies που ενισχύουν σημαντικά την εμπειρία χρήσης.