Наши проекты Mozilla Россия MozUtil Bugzilla Планета

Полезная информация

Будьте в курсе последних изменений в мире Mozilla, следя за нашим микроблогом в Twitter.

Тема закрыта

Страницы: 1

№109-04-2016 14:19:12

kart120
Участник
 
Группа: Members
Зарегистрирован: 09-04-2016
Сообщений: 11
UA: Firefox 46.0

сайты не влезают на экран.

доброго времени суток, очень давняя проблема. идущая с версии наверно 18 или 22 при 100 масштабировании при установленном разрешении экрана в 1024*768, а вообще при любом разрешении экрана ниже номинального разрешения монитора, происходит не правильное масштабирование страниц, многие сайты не влезают по ширине, что весьма не удобно при чтении.
вот изображение страницы vk.com после смены дизайна сайта в firefox
4b2d68ac682e.png
а вот та же страница в другом браузере
4442498ede56.png
microsoft edge, , да в других браузерах все отображается корректно. при том же разрешении экрана, и масштабе. исправьте этот баг пожалуйста.
P.S. повторюсь, еще раз проблема касается не только контакта, и не на одной машине. эта информация по большей части для разработчиков браузера, нежели для обсуждения.

Отсутствует

 

№209-04-2016 16:38:43

oleg953
Участник
 
Группа: Members
Откуда: Ростов где Дон
Зарегистрирован: 07-05-2014
Сообщений: 557
UA: Firefox 45.0

Re: сайты не влезают на экран.

1.вернуть старый дизайн,этот недоделаный. 2. установить этот

скрытый текст

Выделить код

Код:

@-moz-document regexp('https?://vk\\.com/(?!widget_\\w+\\.php|share\\.php|away\\.php|.*\\?act=a_choose_\\w+_box|.*\\?act=choose_photo|.*\\?act=photo_box|.*\\?act=canvas_draw_box|al_apps.php\\?act=wall_post_box|login.php\\?app=-1&layout=widgets|video_ext.php).*|https?://vk\\.com/widget_community\\.php\\?app=\\d&width=212px&_ver=1&gid=1&mode=2&color1=&color2=&color3=&no_head=1&height=340&url=.*|https?://vk\\.com/widget_community\\.php\\?app=\\d&width=212px&_ver=1&gid=19542789&mode=2&color1=&color2=&color3=&no_head=1&height=340&url=.*') {
/*
Стиль создан на базе http://userstyles.org/styles/110750/vkwide-plus , имеет принципиальные отличия ESI стилей (не допускается размер шрифта меньше указанного пользователем, кроме исключений, контролируется интерлиньяж и другие параметры). Автор оригинального стиля: http://vk.com/id13112965
Сайт проекта ESI : http://dreamject.org
/*Начало изменений*/
/* ESI 2.4.1 core */
html {font-size: 18px !important; line-height: 136% !important;}
esi-widest-text-block {max-width: 1100px !important}
esi-text-block {width: x rem; height: y rem}    
* {font-size: inherit !important; line-height: inherit !important; text-shadow: 0px 0px 0px rgba(102,102,102,0.5) !important}
h1 {font-size: 1.4 rem !important; font-size: calc(1.0625rem + 2px) !important; line-height: calc(1.4375rem * 1.052 + 8px * 1.052 + 5px) !important}
h2 {font-size: 1.4 rem !important; font-size: calc(1.0625rem + 2px) !important; line-height: calc(1.4375rem * 1.052 + 8px * 1.052 + 5px) !important}
h3 {font-size: 1.17 rem !important; font-size: calc(1.0625rem + 2px) !important; line-height: calc(1.4375rem * 1.052 + 8px * 1.052 + 5px) !important}
sup, sub{line-height: 1 !important; font-size: 0.6875rem; font-size: calc(1rem - 5px) !important;}
/*ESI END*/
.groups_list_module .group_desc, .page_list_module .group_desc, .page_list_module .people_desc, .page_list_module .people_extra {
  color: gray;
  font-size: 0.9em;
  overflow: hidden;
}
.groups_list_module .group_desc, .page_list_module .group_desc, .page_list_module .people_desc, .page_list_module .people_extra {
  max-height: auto !important;
}
.chat_cont_scrolling.chat_fix_height {
  height: 425px !important;
}
/*Конец изменений*/

  body{width: 1170px !important; margin: 0 auto !important;}
  .scroll_fix, #page_layout{width: 100% !important;}
  #page_header{width: 1200px !important;}
  #page_body, #footer_wrap{width: calc(100% - 200px) !important;}
  
  #left_blocks{width: auto !important;}
  #side_bar{width: 160px !important;}

  #wk_content{width: auto !important;}

  .profile_info .labeled{width: calc(100% - 135px) !important;}
  #page_current_info{width: auto !important;}
  #page_current_info .current_audio{max-width: none !important;}
  .page_name{width: auto !important; height: auto !important; max-width: none !important; white-space: normal !important;}
  #profile_photos{width: 100% !important;}
  
  #profile[class*="page_wide_no_narrow"] > #profile_wide.wide_column{width: 100% !important; float: left !important; }
  #profile:not([class*="page_wide_no_narrow"]) > #profile_wide.wide_column{width: calc(100% - 210px) !important; float: left !important; margin-left: 10px !important;}
  #public[class*="page_wide_no_narrow"] > #group_wide.wide_column,
  #group[class*="page_wide_no_narrow"] > #group_wide.wide_column{width: 100% !important;}
  #public:not([class*="page_wide_no_narrow"]) > #group_wide.wide_column,
  #group:not([class*="page_wide_no_narrow"]) > #group_wide.wide_column{width: calc(100% - 210px) !important;}
  
  .group_info .labeled{width: calc(100% - 135px) !important; padding-left: 10px;}
  .group_inv_info {width: 90% !important;}
    
  .post_info{width: auto !important;}
  .post_info .audio .title_wrap{width: auto !important;}
  .post_info .wall_text{width: auto !important;}
  .post_info .wall_text_name{width: auto !important;}
  .post_info .wall_post_text{width: 100% !important;}
  .post_info .wall_text .event_share{width: 100% !important;}
  .group_share .info, .event_share .info{width: 85% !important;}
  
  #post_field{width: calc(100% - 50px) !important;}
  .reply_info{width: calc(100% - 50px) !important;}
  .reply_info .wall_reply_text{width: 100% !important;}
  .reply_text #wpe_text{width: calc(100% - 30px) !important; cursor: text !important;}
  .reply_text .wpe_buttons{width: auto !important;}
  .wk_extpage_body{width: auto !important;}
  .groups_inv_info, .groups_row_inv_info{width: auto !important;}
  
  .reply_field{width: 95% !important;}
  
  #feed_bar .summary_tab3{height: 18px !important;}

  #im_nav_wrap, #im_controls_wrap{width: calc(1100px - 200px) !important;}
  #im_top_tabs{width: auto !important;}
  #im_top_sh, #im_bottom_sh{width: 100% !important;}
  .im_log_body {width: 100% !important;}
  .im_log_body .wrapped{width: calc(1100px - 400px) !important;}
  #im_peer_controls > table{width: 100% !important;}
  .im_editable{width: calc(1100px - 500px) !important;}
  /* раньше было .im_editable{width: auto !important;}*/

  #wpe_text{width: auto !important;}
  .wall_module .post_media{width: auto !important;}
  #im_content .wall_module .published_by_title{width: auto !important; max-width: none !important;}
  #im_dialogs .dialogs_user{width: 165px !important;}
  
  #box_layer_wrap .popup_box_container{width: 700px !important;}
  #box_layer_wrap .popup_box_container #mail_box_editable{width: auto !important;}
  #box_layer_wrap .popup_box_container #like_share_text{width: 98% !important;}

  #box_layer_wrap .popup_box_container #choose_audio .search_bar{width: auto !important;}
  #box_layer_wrap .popup_box_container #choose_audio .search_bar .s_search{width: 480px !important;}
  #box_layer_wrap .popup_box_container #choose_audio a.choose{max-width: none !important;}
  #box_layer_wrap .popup_box_container #choose_video .video_row{height: auto !important;}

  .docs_add_new{width: 170px !important;}

  #settings_panel .setbal_section{width: 550px !important;}
  #settings_panel #settings_votes_history{width: 80% !important; margin: 0 auto 24px !important;}
  #settings_panel #settings_votes_history .settings_history_amount{width: 80px !important; text-align: right !important;}
  #settings_panel #settings_votes_history .settings_history_date{width: 90px !important; padding-left: 8px !important;}
  #settings_panel .settings_section{width: 600px !important; margin: 0 100px 24px !important;}
  
  #settings_panel .settings_section .selector_container{width: 90px !important;}
  #settings_panel .settings_section .dropdown_container.selector_container td.selector input{width: 70px !important;}
  #settings_panel .settings_section .selector_container[style*="width: 60px"] .result_list{width: 80px !important;}
  
  ul.t0{width: auto !important;}
  .docs_item{width: 100% !important;}

  .add_media_menu{left: calc(1100px - 40%) !important;}

  /* EditPAGE */
  .pedit_relation_input > div:last-child, .pedit_edu_big_row a{float: left !important; padding-left: 15px !important;}
  #pedit_interests_activities, #pedit_interests_interests, #pedit_interests_music, #pedit_interests_movies, #pedit_interests_tv, #pedit_interests_books, #pedit_interests_games, #pedit_interests_quotes, #pedit_interests_about{width: 100% !important;}
  .pedit_interests_labeled{width: 60% !important;}
  .pedit_interests_details{float: left !important; padding-left: 25px !important;}
  /* END EditPAGE */

  /* ViewFOTO */
  .pv_cont{min-width: 800px !important;}
  .pv_cont table{width: 100% !important;}
  #pv_comments_data{width: 100% !important;}
  .pv_cont .narrow_column{width: 200px !important; margin: 0 !important; padding: 0 20px !important;}
  .pv_cont .narrow_column #pv_author_info{width: 140px !important;}
  .pv_cont .wide_column{width: calc(100% - 265px) !important; padding-left: 20px !important;}
  .pv_comment,#pv_comment{width: auto !important;}
  .pv_comm{width: calc(100% - 60px) !important;}
  .pv_commtext{width: auto !important;}
  /* END ViewFOTO */

  /* [+]Feedback */
  #pad_wrap{width: 700px !important;}
  #pad_wrap[style*="top: 46px"]{
    /*left: calc(1100px - 30%) !important;*/
    left: auto !important;
    right: 10% !important;
  }
  #pad_wrap > #pad_cont{width: 100% !important;}
  #pad_wrap > #pad_cont #pad_rows, 
  #pad_wrap > #pad_cont .pad_gr_info,
  #pad_wrap > #pad_cont .pad_fr_info,
  #pad_wrap > #pad_cont .pad_ap_info{width: auto !important;}
  #pad_wrap > #pad_cont .pad_msg_name, 
  #pad_wrap > #pad_cont .pad_nws_name{width: auto !important;}
  #pad_wrap > #pad_cont .pad_nws_cont, 
  #pad_wrap > #pad_cont .pad_nws_data{width: auto !important;}
  #pad_wrap > #pad_cont .pad_msg_text, 
  #pad_wrap > #pad_cont .pad_nws_text, 
  #pad_wrap > #pad_cont .wall_post_text{width: auto !important;}
  #pad_wrap > #pad_cont .pad_msg_field, 
  #pad_wrap > #pad_cont .pad_nws_field{width: 100% !important;}
  #pad_wrap > #pad_cont .pad_msga, #pad_wrap > #pad_cont .pad_nwsa{width: auto !important;}
  #pad_wrap > #pad_cont .wall_module .wall_reply_text{width: auto !important;}
  #pad_wrap > #pad_cont .pad_fr_result, 
  #pad_wrap > #pad_cont .pad_gr_result, 
  #pad_wrap > #pad_cont .pad_ap_result{width: auto !important; line-height: normal !important; height: auto !important;}
  /* END [+]Feedback */
  #pd .info{width: 70% !important;}
  #pad_filters_panel{width: 240px !important;}
  #pad_side_filters{width: 210px !important;}
  #pad_side_filters #pad_audio_friends .audio_friend .audio_friend_name, 
  #pad_side_filters #pad_audio_friends .audio_friend .audio_friend_name_now, 
  #pad_side_filters #pad_audio_friends .audio_friend .audio_friend_now{width: auto !important; max-width: 170px !important; line-height: 1.5em !important;}
  .audio_popular_status{width: auto !important;} 
  #pad_playlist_panel .wall_module .post_friends .audio .title_wrap,
  .font_medium #pad_playlist_panel .post_friends .audio .title_wrap{width: 290px !important;}
  #pad_playlist_panel .wall_module .audio .title_wrap,
  .font_medium #pad_playlist_panel .audio .title_wrap{width: 340px !important;}
  #pad_playlist_panel .audio .info,
  #pad_playlist_panel .audio .area{width: auto !important;}
  .font_medium #pad_playlist_panel .duration{max-width: 50px !important;}
  
  /* FeedbackGROUP */
  .bp_post{width: auto !important;}
  .bp_text{width: auto !important;}
  /* END FeedbackGROUP */

  /* AUDIO */
  #ac{width: calc(1100px - 200px) !important;}
  #ac .info{width: calc(100% - 200px) !important;}
  #ac .shadow div{width: 100% !important;}
  #ac .ac_name{max-width: 100% !important;}
  #ac .extra_ctrls{float: left !important; padding-left: 10px !important;}

  #audio_search > div:first-child{width: calc(100% - 180px) !important;}
  #audio_search #s_search{width: 90% !important;}

  .audio_search_results, .audio_table .search_list{width: 100% !important;}
  #audio .lyrics{width: auto !important;}
  #audio .audio_table{width: 100% !important;}
  #audio .audio_table .audio, #audio .audio_table .sort_helper{width: calc(100% - 50px) !important;}
  #audio .audio_table .audio .title_wrap{width: calc(100% - 70px) !important; white-space: normal !important;}
  #audio.new .area{width: auto !important;}
  #audio.new .audio .info{width: calc(100% - 50px) !important;}
  #audio.new .post_media .audio .info{width: 100% !important;}
  div.audio > div.area > table td:first-child{width: 20px !important;}
  
  /********************/
  #audio.new{padding-top: 85px !important;}
  
  #audio .audio_table .side_panel{width: 200px !important;}
  .audio_filter, .audio_filter .label{max-width: none !important;}
    
  #audio.new #side_filters{width: 200px !important;}
  #audio #audio_friends .audio_friends_search_btn{background-position: 95% 7px !important;}
  #audio #audio_friends .audio_friends_search_input.text{width: 170px !important; background-position: 95% 6px !important;}
  #audio .audio_friend_name, #audio .audio_friend_name_now, #audio .audio_friend_now{width: 160px !important;}
  #audio .audio_friend_now{height: 2em !important;}
  #audio .audio_friend_name{line-height: 2em !important;}
  /********************/

  /* audio in messages*/
  .post_audio .title_wrap{width: auto !important;}
  .wall_module .post_media .audio .title_wrap{width: auto !important;}
  /* add audio to page */
  .medadd_aud{width: 90% !important;}
  .medadd_aud .title_wrap{width: auto !important;}
  /* END AUDIO */

  /* FRIENDS */
  #friends #main_class > table{width: 100% !important;}
  #friends .side_panel{width: 20% !important;}
  #friends .sections_block{width: auto !important;}
  #friends .sections_block .side_filter{width: 100% !important;}
  #friends .user_block .info{width: calc(100% - 300px) !important;}
  #friends .user_block .actions{width: 185px !important;}
  #friends #friends_tabs{width: auto !important;}
  /* END FRIENDS */

  .dialog_del{height: 50px !important; width: 50px !important;}
  .dialogs_msg_text{width: 90% !important;}



  #audio .audio_friend{height: 2.4em !important;}
  /**/
  .apps_cat_layout{width: 100% !important;}
  .apps_feed_cont{width: 280px !important;}
  .apps_feed_row{width: auto !important;}
  
  #apps_search_wrap{width: auto !important;}
  #apps_search_wrap .apps_search_input_wrap input{width: 400px !important;}
  #apps_new_rows_scroll, #apps_ads_rows_scroll, #apps_friends_rows_scroll, .apps_genre_rows_scroll, .apps_collection_rows_scroll, 
  #apps_grossing_rows_scroll, #apps_search_cat_wrap.apps_scroll_wrap #app_search_scroll{width: auto !important;}
  .apps_cat_cont_fadded{opacity: 1 !important;}
      .narrow_column{width: 280px !important;}
    /* аватарка */
    #page_avatar{max-height: none !important;}
    #page_avatar img{width: 280px !important; height: auto !important;}
    #owner_photo_bubble_wrap{width: 100% !important;}
    #owner_photo_bubble{width: auto !important;}
    .owner_photo_bubble_action{width: auto !important;}
    #profile_actions a{width: auto !important;}
    /* отправить сообщение */
    .profile_action_btn{padding-left: 10px !important; padding-right: 10px !important;}
    /* друзья */
    .narrow_column .people_module .people_row{width: 270px !important;}
    .module_body .people_cell{padding-left: 10px !important; padding-right: 10px !important;}
    .module_body .people_cell .ava{width: 60px !important; height: 60px !important;}
    .module_body .people_cell .ava > img{width: 60px !important; height: 60px !important;}
    /* группы */
    .page_list_module .line_cell .info, .page_list_module .line_cell .desc_info, .page_list_module .line_cell .extra_info{width: 200px !important;}
    .font_medium .groups_list_module .group_desc, .font_medium .page_list_module .group_desc, .font_medium .page_list_module .people_desc, .font_medium .page_list_module .people_extra{max-height: 10rem !important;}
    /* фото */
    .page_album_row{margin: 10px 40px 0 !important;}
    /* видео */
    .video_module .video{margin: 10px 40px 0 !important;}
    .video_module .info{text-align: center !important;}
    /* аудио */
    .narrow_column .audio .title_wrap{width: 200px !important;}
    /* действия */
    #profile_bottom_actions{width: auto !important;}
    #profile_bottom_actions a{width: auto !important;}
    /* подписаться / рассказать друзьям */
    #public #subscribe, #public #unsubscribe, #public #unshare{width: auto !important;}
    #public .page_actions a{width: auto !important; text-align: center !important;}
    /* обсуждения */
    .topics_module .info, .topics_module .blog_info{width: 90% !important;}

    #group_like_module .like_link_state{width: 260px !important;}

  #profile:not([class*="page_wide_no_narrow"]) > #profile_wide.wide_column{width: calc(100% - 290px) !important;}
  #public:not([class*="page_wide_no_narrow"]) > #group_wide.wide_column,
  #group:not([class*="page_wide_no_narrow"]) > #group_wide.wide_column{width: calc(100% - 290px) !important;}
  .module_body .people_cell {
  width: 70px !important;
}
  .module_body .people_cell .name_field {
  margin: 0 -116px !important;
  width: 309px !important;
}

/*esi-width*/
.fw_reply_text, .wall_module .published_by_title, .profile_rate_warning .warning_row .label{width:auto !important}
/*esi-height*/
.summary_tab3, #im_filter,#im_filter_out .input_back_content, .video_compact_view #choose_video_rows .video_row, .video_compact_view #video_rows .video_row, .video_compact_view #video_search_rows .video_row, .video_compact_view .search_media_rows.video_type .video_row, #groups_list_search{height:auto !important;}
/*ESI*/
#audio.new .audio .info{width: calc(100% - 70px) !important}
#feed_bar .summary_tab3 {
    height: unset !important;
}

#im_dialogs .dialogs_user {
    width: 12rem !important;
}
.dialogs_info {
    padding: 0 10px 0 5px;
}
.im_friend div.name {
    height: unset !important;
    width: 13rem !important;
}
.wide_wall_module .post_full_like_wrap, .post_fixed .post_full_like_wrap {
  width: 20rem !important;
}
.font_medium .left_count_wrap {
    margin: 2px -15px 2px 0 !important;
}
  .name_field small {
    font-size: 11px !important;
}
.font_medium .audio_search div.abutton_wrap .flat_button {
  width: 176px!important;
  height:1.8rem !important;
}
.audio_search .s_search{height: 1.1rem !important}
button{height:auto !important}
.post_full_like_wrap {
    width: 15rem !important;
}
.fc_msg {max-width: calc(100%) !important;}
.fc_msgs{max-width: calc(100% - 68px) !important;}
.fc_editable {height: 3rem !important;}

/*[[poick]]*/

body {
    font-family: verdana, verdana;
}
body.font_medium {
    font-family: verdana, verdana;
}
  



}


стиль 3. налаждатся.   kiss_263kb.1460206890.jpg

Отсутствует

 

Тема закрыта

Страницы: 1

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]