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

sonata admin - how to add ManyToOne property field in configureListfield in sonataAdmin -

I have a phone unit unit that contains many properties for many unit entity classes I An exception is given during the rendering of a template ("You must define a associated_property option or Create a \ __counter __ \ Examens \ ExamensBundle \ unit \ Grade Proxy :: __ toString service examens.examens.admin.fonctionnaire from the field option idGrade to the method is in SonataDoctrineORMAdminBundle "): CRUD: Line_ on line_list_orm_many_to_one.html.tw Fontionnaire.php class: & lt ;? Php namespace exams \ ExamensBundle \ Entity; Use the theory / ORM \ mapping as an ORM; / ** * PhoneNationLayer * / Class Fictionalair {//...//// ** * @VARAEfimens \ Examinations Bundle \ Unit \ Grade * / Private $ IDGed; //...//} FonctionnaireAdmin.php: & lt ;? Php namespace exams ExamensBundle \ Admin; Use Sonata \ AdminBundle \ Admin \ Admin; Sonata \ AdminBundle \ Datagrid \ ListMapper; Sonata \ AdminBundle \ Datagrid \ DatagridMapper; Sonata \ AdminBundle \ Validat...
Read more

wpf - ControlTemplate with changes for every class -

I have the following ControlTemplate that is the same for all my custom controls. & amp; the lift; ControlTemplate x: key = "PssFunctionControlBaseHorizontal" TargetType = "Local: PssFunctionControlBase" & gt; & Lt; Grid & gt; & Lt; Threshold Threshold = "1" & gt; & Lt; Content Control X: Name = "Inner Content" Template = "{Static Resources Inner Contentbase Horizontal}" /> & Lt; / Border & gt; & Lt; Control x: name = "PART_ResizeDecorator" visibility = "short" template = "{static resource resize deccurratematet}" /> & Lt; / Grid & gt; & Lt; ControlTemplate.Triggers & gt; & Lt; Data Trigger Value = "True" Binding = "{Binding Editing Moded, Relative Soros = {ResolveSource Search Engineer, Instant Type = {x: Type Local: PssViewLayoutControl}}}" & gt; & Lt; Setter target name = "PART_ResizeDecorator" ...
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