BG Development


  Reply to this topicStart new topicStart Poll

> "Респонзив"
flipzzybg
Публикувано на: 23-02-2018, 23:53
Quote Post



Име: Никола
Група: Потребител
Ранг: Новопостъпил

Мнения: 3
Регистриран на: 11.02.18



Здравейте! От скоро се занимавам с програмирване и то започнах, защото развивам един проект свързан с планинарство и туризъм и стигнах до това да направя сайта си ''responsive'' за всякакви мобилни устройства. Нещата, които не излизат както трява са името "Landschaft" и ''Видео'' , "Вход" бутоните.. Другия ми проблем е че като излезне от @media(max-width:900px) имам проблем със section-ите и не излизат както трябва https://www.photobox.co.uk/my/photo/full?ph...id=500602951839 -- Не обръщайте внимание на текста!


Кода:
https://jsfiddle.net/0k44otn9/#&togetherjs=8Q0u8Dqc0y


Ще съм Ви много благодарен, ако ми помогнете!



PMEmail Poster
Top
hristonev
Публикувано на: 24-02-2018, 00:56
Quote Post



Име:
Група: Потребител
Ранг: Редовен член

Мнения: 399
Регистриран на: 19.09.17



412 ред
CODE

 .button {
   width: auto;
   height: auto;
   text-align: center;
   margin: 0;
   font-size: 100%;
 }
 div.button a.btn{
   font-size: 200%;
   margin: 0 3%;
 }

Така ли да се получи, че не става ясно какво трябва да стане?
PMEmail Poster
Top
erazor
Публикувано на: 24-02-2018, 01:01
Quote Post



Име: Димитър
Група: Потребител
Ранг: Старо куче

Мнения: 619
Регистриран на: 26.06.07



Ако първия линк е скрийншот не се отваря.

Не разбрах много какъв е проблема точно но съввета ми е да приложиш mobile-first подход.
Иначе казано да направиш всичко да излгежда ОК на най-малкия размер, и после да променяш за следващите.

Това в СSS изглежда като вместо max-width, ползваш min-width
Повече инфо тук:
https://www.html5rocks.com/en/mobile/responsivedesign/
QUOTE
Instead of declaring large screen rules first only to override them for smaller screens, we'll simply define rules as more real estate becomes available.


Друг съвет е погледни и дали не може да ползваш някой CSS framework (bootstrap) спестяваш време и получваш responsive на готово icon_smile.gif
PMEmail PosterICQ
Top
flipzzybg
Публикувано на: 24-02-2018, 09:38
Quote Post



Име: Никола
Група: Потребител
Ранг: Новопостъпил

Мнения: 3
Регистриран на: 11.02.18



Извинявам се за линка със снимката, който не работи. https://scontent-sof1-1.xx.fbcdn.net/v/t1.0...825&oe=5B025CA2 ето нов линк.
PMEmail Poster
Top
TrustHavic
Публикувано на: 24-02-2018, 19:55
Quote Post



Име: Станимир
Група: Потребител
Ранг: Редовен член

Мнения: 378
Регистриран на: 30.04.14



що не ползваш bootstrap?
PMEmail Poster
Top
1 потребители преглеждат тази тема в момента (1 гости, 0 анонимни потребители)
Потребители, преглеждащи темата в момента:

Topic Options Reply to this topicStart new topicStart Poll

 


Copyright © 2003-2018 | BG Development | All Rights Reserved
RSS 2.0