доброго времени суток, очень давняя проблема. идущая с версии наверно 18 или 22 при 100 масштабировании при установленном разрешении экрана в 1024*768, а вообще при любом разрешении экрана ниже номинального разрешения монитора, происходит не правильное масштабирование страниц, многие сайты не влезают по ширине, что весьма не удобно при чтении.
вот изображение страницы vk.com после смены дизайна сайта в firefox
а вот та же страница в другом браузере
microsoft edge, , да в других браузерах все отображается корректно. при том же разрешении экрана, и масштабе. исправьте этот баг пожалуйста.
P.S. повторюсь, еще раз проблема касается не только контакта, и не на одной машине. эта информация по большей части для разработчиков браузера, нежели для обсуждения.
Отсутствует
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; } }
Отсутствует