javascript - How to dynamically resize 3 divs on window.resize? -


मेरे पास निम्न HTML है: 

  & lt; div style = "min-width: 1024px; अधिकतम-चौड़ाई: 82%; मार्जिन: 0 ऑटो; अतिप्रवाह: ऑटो "& gt; & Lt; div शैली = "ऊंचाई: 344 पीएक्स; चौड़ाई: 100%; फ्लोट: बायां; मार्जिन-टॉप: 72 पीएक्स" & gt; & lt; / div & gt; & Lt; div शैली = "चौड़ाई: 100%; फ्लोट: बायां;" & gt; & Lt; div id = "left" class = "radius" शैली = "ऊंचाई: 700px; चौड़ाई: 220px; पृष्ठभूमि: #fff; फ्लोट: बायां" & gt; & lt; / div & gt; & Lt; div id = "मध्यम" वर्ग = "त्रिज्या" शैली = "चौड़ाई: 760 पीएक्स; पृष्ठभूमि: # एफएफएफ; फ्लोट: बाएं; मार्जिन: 0 पीएक्स 18 पीएक्स;" & gt; & Lt; div शैली = "ऊंचाई: 700px; चौड़ाई: 100%; फ्लोट: बायां" & gt; & lt; / div & gt; & Lt; / div & gt; & Lt; div id = "right" class = "radius" शैली = "ऊंचाई: 700px; चौड़ाई: 280px; पृष्ठभूमि: #fff; फ्लोट: बायां" & gt; & lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt;   
 और स्क्रिप्ट:  
  फ़ंक्शन scalling () {var a = $ (window)। Width (); यदि (a & lt; '1300') {var def = a * 82/100, l = 22000 * def / 10, मी = 76000 * def / 10, p = 28000 * def / 10; $ ('# Left')। सीएसएस ('चौड़ाई', एल); $ ('# मध्यम')। सीएसएस ('चौड़ाई', मी); $ ('# दाहिने')। सीएसएस ('चौड़ाई', पी); } और {$ ('# बाएं')। सीएसएस ('चौड़ाई', '220 पीएक्स'); $ ('# मध्यम')। सीएसएस ('चौड़ाई', '760 पीएक्स'); $ ('# दाहिने')। सीएसएस ('चौड़ाई', '280px'); }} Scalling (); $ (विंडो)। Reset (फ़ंक्शन () {scalling ();});   
 यह काम करता है, लेकिन ओडीर में डिवाइज़ का आकार जोड़ता है जब खिड़की बड़ी डिवीज के लिए स्केलिंग होती है तो स्मलर होता है और जब विंडो छोटा होती है तो डिव्स बड़ा होते हैं  
 मेरे लिए क्षमा करें आप बस इस सीएसएस कथन का उपयोग कर सकते हैं:  
  @     मीडिया (न्यूनतम-चौड़ाई: 1300 पीएक्स) {चयनकर्ता {चौड़ाई: निरंतर-मान; }} @ मीडिया (अधिकतम-चौड़ाई: 1300 पीएक्स) {चयनकर्ता {चौड़ाई: प्रतिशत-मान; }}

Comments

Post a Comment

Popular posts from this blog

c - Performance of System() -

After the function in C, for the system (), it affects the hardware counters, so how do you order that The example displayed for the example you are trying to view lets the IM use the display API (PAPI) and the program is a precompiled matrix multiplication application. PAPI_start_counters (); System ("./matmul"); PAPI_read_counters (); // Print the values ​​PAPI_stop_counters (); I'm clearly missing a bit, but I'm trying to figure out what it is possible to say, counter receiving a program im running Is through use. With my tests I will get wild numbers like below, they are clearly wrong, just want to find out why total bicycle =========== 140733358872510 instructions complete =========== 4203968 Floating Point Instructions =========== Floating Point Operations =========== 4,196,867 Weight ======= ==== 140733358872804 store ======= ==== 4204037 branches taken =========== 15774436 System () Normally it is a very slow function, on Linux, it is ...
Read more

python - how we can use ajax() in views.py in django? -

I have a little code here. Could you please tell me what this code really does? please. Here in the AJAX call: $ .ajax ({url: "{% url} upload_document '%}", type: "POST", data : {Csrfmiddletoken: document.getElementsByName ('csrfmiddletoken') [0] Price, Title: document.getElementById ('title'). Value, // document: document: document.getElementById ('document'),}, datatype: "Jason", success: function (feedback) {if (feedback == "true") {// success} other {// attachment errors}}}); How AJAX works in the Django and how we can see the AJAX request. Here is the idea of ​​my thoughts def upload_document (requested): Print request. POTT print request FILES if request.is_ajax (): If request.method == 'POST': form = UploadForm (request.POST, request.FILES, user = request.user) if form.is_valid (): Form.save () return HTTPPCS (SimpleJason Dumps ('True'), Mime Type = 'App / Jason') Other:...
Read more

javascript - Is there any way to add a new parameter to a function programmatically? -

Since I can set the number of expectations by calling a function its function.length Property, do I have to programmatically create the right number of parameters to include in that function at runtime? Example: var xyz = function (a, b) {}; Var BCD = function (A, B, C, D, E, F) {}; // vararg example var doc = document, func_length = xyz.length; Doc.xyz = (function () {returns function (A, B, C, D, E) works for one / but other is not}}}. Call (doctor); / * With `only two parameters ', like' Return function (A, B)`, if this function is used for `xyz` (although in this case 5 works fine), and return function ( If the function is used for 'BCD' (which does not work with only five parameters) with A, B, C, D, E, F) `6 / / Xyz.apply (blank, arguments) Think about ... but which logic ..? : // Returning function (A, B, C, D, E) does not support work with more than five parameters, which will be mostly class - hence my question / I also know very well That I use an obj...
Read more