Question

Здравствуйте,помогите пожалуйста оптимизировать радио плеер под моб устройства,а то идет смещение в право немного когда переключайшся на полную версию в браузере chrome.Вот код плера <div id="radiobells_container"><a href="https://www.radiobells.com/" rel="nofollow" id="RP_link">www.radiobells.com</a> #radiobells_script_hash</div><script type="text/javascript">var rad_backcolor="#e0e0e0"; var rad_backcolor2="#f5f5f5"; var rad_textcolor="#727272"; var rad_bordercolor="#7f7f7f"; var rad_volumecolor="#666666"; var rad_logo = "black"; var rad_width=260; var rad_type = "horizontal"; var rad_autoplay = false;var rad_stations</script><script type="text/javascript" src="https://www.radiobells.com/script/v1_5.js" charset="UTF-8"></script><!-- </bc> -->   </div>

Answer 1

Попробуйте в стили прописать:

@media screen and (min-width: 240px) and (max-width: 300px) { #radiobells_container div#rad_player {width:220px!important;} }

Comments

не помогло плеер остался большим как и был

---

Алексей Сенников,

Кеш в браузере очистите.

---

Yuri_Geruk,

очистил всю историю не помогло

---

Алексей Сенников,

При каком разрешении возникает проблема?

---

Yuri_Geruk,

1024 на 600 как на планшете смотрю через chrome  в полной версии браузера

---

Алексей Сенников,

Проблему увидел. Пропишите вместо стилей выше что я советовал, следующие стили:

@media screen and (min-width: 240px) and (max-width: 300px) { #radiobells_container div#rad_player {width:210px!important;} }
@media screen and (min-width: 961px) and (max-width: 962px) { #radiobells_container div#rad_player {width:200px!important;} }
@media screen and (min-width: 963px) and (max-width: 1190px) { #radiobells_container div#rad_player {width:205px!important;} }

после кеш в браузере очистить и проверяйте.

---

Yuri_Geruk,

Спасибо вам большое,теперь все ровно и красиво :)