The font looks like smaller in WKWebView than in UIWebView












6















I changed UIWebView to WKWebView,however,with the same html,the font in WKWebView looks smaller than in UIWebView.I don't want this happen,so is there any way to avoid this change?










share|improve this question

























  • try injecting this line in your html <meta name="viewport" content="initial-scale=1.0" />

    – Reinier Melian
    Sep 1 '17 at 11:24
















6















I changed UIWebView to WKWebView,however,with the same html,the font in WKWebView looks smaller than in UIWebView.I don't want this happen,so is there any way to avoid this change?










share|improve this question

























  • try injecting this line in your html <meta name="viewport" content="initial-scale=1.0" />

    – Reinier Melian
    Sep 1 '17 at 11:24














6












6








6


1






I changed UIWebView to WKWebView,however,with the same html,the font in WKWebView looks smaller than in UIWebView.I don't want this happen,so is there any way to avoid this change?










share|improve this question
















I changed UIWebView to WKWebView,however,with the same html,the font in WKWebView looks smaller than in UIWebView.I don't want this happen,so is there any way to avoid this change?







html ios objective-c uiwebview wkwebview






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Sep 25 '18 at 6:27







无夜之星辰

















asked Sep 1 '17 at 10:26









无夜之星辰无夜之星辰

7021520




7021520













  • try injecting this line in your html <meta name="viewport" content="initial-scale=1.0" />

    – Reinier Melian
    Sep 1 '17 at 11:24



















  • try injecting this line in your html <meta name="viewport" content="initial-scale=1.0" />

    – Reinier Melian
    Sep 1 '17 at 11:24

















try injecting this line in your html <meta name="viewport" content="initial-scale=1.0" />

– Reinier Melian
Sep 1 '17 at 11:24





try injecting this line in your html <meta name="viewport" content="initial-scale=1.0" />

– Reinier Melian
Sep 1 '17 at 11:24












2 Answers
2






active

oldest

votes


















21














Finally I solved this problem by adding an html string:



NSString *headerString = @"<header><meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no'></header>";
[self.webView loadHTMLString:[headerString stringByAppendingString:_htmlString] baseURL:nil];





share|improve this answer

































    2














    let description = "<p> HTML content <p>"
    var headerString = "<header><meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0'></header>"
    headerString.append(description)
    self.webView.loadHTMLString("(headerString)", baseURL: nil)





    share|improve this answer

























      Your Answer






      StackExchange.ifUsing("editor", function () {
      StackExchange.using("externalEditor", function () {
      StackExchange.using("snippets", function () {
      StackExchange.snippets.init();
      });
      });
      }, "code-snippets");

      StackExchange.ready(function() {
      var channelOptions = {
      tags: "".split(" "),
      id: "1"
      };
      initTagRenderer("".split(" "), "".split(" "), channelOptions);

      StackExchange.using("externalEditor", function() {
      // Have to fire editor after snippets, if snippets enabled
      if (StackExchange.settings.snippets.snippetsEnabled) {
      StackExchange.using("snippets", function() {
      createEditor();
      });
      }
      else {
      createEditor();
      }
      });

      function createEditor() {
      StackExchange.prepareEditor({
      heartbeatType: 'answer',
      autoActivateHeartbeat: false,
      convertImagesToLinks: true,
      noModals: true,
      showLowRepImageUploadWarning: true,
      reputationToPostImages: 10,
      bindNavPrevention: true,
      postfix: "",
      imageUploader: {
      brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
      contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
      allowUrls: true
      },
      onDemand: true,
      discardSelector: ".discard-answer"
      ,immediatelyShowMarkdownHelp:true
      });


      }
      });














      draft saved

      draft discarded


















      StackExchange.ready(
      function () {
      StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f45998220%2fthe-font-looks-like-smaller-in-wkwebview-than-in-uiwebview%23new-answer', 'question_page');
      }
      );

      Post as a guest















      Required, but never shown

























      2 Answers
      2






      active

      oldest

      votes








      2 Answers
      2






      active

      oldest

      votes









      active

      oldest

      votes






      active

      oldest

      votes









      21














      Finally I solved this problem by adding an html string:



      NSString *headerString = @"<header><meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no'></header>";
      [self.webView loadHTMLString:[headerString stringByAppendingString:_htmlString] baseURL:nil];





      share|improve this answer






























        21














        Finally I solved this problem by adding an html string:



        NSString *headerString = @"<header><meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no'></header>";
        [self.webView loadHTMLString:[headerString stringByAppendingString:_htmlString] baseURL:nil];





        share|improve this answer




























          21












          21








          21







          Finally I solved this problem by adding an html string:



          NSString *headerString = @"<header><meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no'></header>";
          [self.webView loadHTMLString:[headerString stringByAppendingString:_htmlString] baseURL:nil];





          share|improve this answer















          Finally I solved this problem by adding an html string:



          NSString *headerString = @"<header><meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no'></header>";
          [self.webView loadHTMLString:[headerString stringByAppendingString:_htmlString] baseURL:nil];






          share|improve this answer














          share|improve this answer



          share|improve this answer








          edited Jul 27 '18 at 8:30

























          answered Sep 1 '17 at 13:01









          无夜之星辰无夜之星辰

          7021520




          7021520

























              2














              let description = "<p> HTML content <p>"
              var headerString = "<header><meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0'></header>"
              headerString.append(description)
              self.webView.loadHTMLString("(headerString)", baseURL: nil)





              share|improve this answer






























                2














                let description = "<p> HTML content <p>"
                var headerString = "<header><meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0'></header>"
                headerString.append(description)
                self.webView.loadHTMLString("(headerString)", baseURL: nil)





                share|improve this answer




























                  2












                  2








                  2







                  let description = "<p> HTML content <p>"
                  var headerString = "<header><meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0'></header>"
                  headerString.append(description)
                  self.webView.loadHTMLString("(headerString)", baseURL: nil)





                  share|improve this answer















                  let description = "<p> HTML content <p>"
                  var headerString = "<header><meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0'></header>"
                  headerString.append(description)
                  self.webView.loadHTMLString("(headerString)", baseURL: nil)






                  share|improve this answer














                  share|improve this answer



                  share|improve this answer








                  edited yesterday









                  SpaceDog

                  16.1k41195380




                  16.1k41195380










                  answered Aug 31 '18 at 9:47









                  ishwar lal janwaishwar lal janwa

                  414




                  414






























                      draft saved

                      draft discarded




















































                      Thanks for contributing an answer to Stack Overflow!


                      • Please be sure to answer the question. Provide details and share your research!

                      But avoid



                      • Asking for help, clarification, or responding to other answers.

                      • Making statements based on opinion; back them up with references or personal experience.


                      To learn more, see our tips on writing great answers.




                      draft saved


                      draft discarded














                      StackExchange.ready(
                      function () {
                      StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f45998220%2fthe-font-looks-like-smaller-in-wkwebview-than-in-uiwebview%23new-answer', 'question_page');
                      }
                      );

                      Post as a guest















                      Required, but never shown





















































                      Required, but never shown














                      Required, but never shown












                      Required, but never shown







                      Required, but never shown

































                      Required, but never shown














                      Required, but never shown












                      Required, but never shown







                      Required, but never shown







                      Popular posts from this blog

                      Homophylophilia

                      Updating UILabel text programmatically using a function

                      Cloud Functions - OpenCV Videocapture Read method fails for larger files from cloud storage